简单学习JavaScript中的for语句循环结构
程序员文章站
2023-01-08 15:38:51
可以直接看示例,用得太多了,很简单
(function() {
for(var i=0, len=demoarr.length; i
可以直接看示例,用得太多了,很简单
(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>
推荐阅读
-
详解JavaScript中循环控制语句的用法
-
Javascript中for循环语句的几种写法总结对比
-
shell基础学习中的字符串操作、for循环语句示例
-
简单学习JavaScript中的for语句循环结构
-
Python中列表、字典、元组数据结构的简单学习笔记
-
前端学习笔记三:JavaScript(2)变量的分类和作用域+利用浏览器调试模式测试+HTML事件+表示特殊字符(+运算符+各种循环和条件语句【略】)
-
Javascript中for循环语句的几种写法总结对比
-
详解JavaScript中循环控制语句的用法
-
javascript中的循环语句for语句深入理解_javascript技巧
-
javascript中的循环语句for语句深入理解_javascript技巧