简单学习JavaScript中的for语句循环结构
投稿：goldensun
这篇文章主要介绍了简单学习JavaScript中的for语句循环结构,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
可以直接看示例，用得太多了，很简单
(function() {
for(var i=0, len=demoArr.length; i<len; i++) {
if (i == 2) {
// return; // 函数执行被终止
// break; // 循环被终止
continue; // 循环被跳过
};
console.log('demo1Arr['+ i +']:' + demo1Arr[i]);
}
})();
关于for循环，有一下几点需要注意
- for循环中的i在循环结束之后任然存在与作用域中，为了避免影响作用域中的其他变量，使用函数自执行的方式将其隔离起来()();
- 避免使用for(var i=0; i<demo1Arr.length; i++){} 的方式，这样的数组长度每次都被计算，效率低于上面的方式。也可以将变量声明放在for的前面来执行，提高阅读性
- var i = 0, len = demo1Arr.length;
- for(; i<len; i++) {};
跳出循环的方式有如下几种
- return 函数执行被终止
- break 循环被终止
- continue 循环被跳过
完整实例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>遍历详解: for</title>
<script src="../script/jquery-2.0.3.js"></script>
</head>
<body>
</body>
<script>
var demo1Arr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];
(function() {
for(var i=0, len=demo1Arr.length; i<len; i++) {
if (i == 2) {
// return; // 函数执行被终止
// break; // 循环被终止
continue; // 循环被跳过
};
console.log('demo1Arr['+ i +']:' + demo1Arr[i]);
}
})();
</script>
</html>