简单学习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>