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