可以直接看示例,用得太多了,很简单
(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>