简单学习JavaScript中的for语句循环结构
2015-11-10 00:00
666 查看
可以直接看示例,用得太多了,很简单
(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学习小结(基础知识)
- 浅谈使用MVC模式进行JavaScript程序开发
- JavaScript中SetInterval与setTimeout的用法详解
- 纯javascript响应式树形菜单效果
- JS截取与分割字符串常用技巧总结
- js图片轮播手动切换效果
- extjs6入门:用sencha cmd搭建简单的extjs6项目
- JS闭包
- 【JavaScript知识点九】 javascript window对象
- Javascript实用黑科技45条
- JS数组的排序和反转
- 第十八篇 js高级知识---作用域链
- js基本应用
- 《Header First Servlet and JSP》名词解释
- 下一代javascript
- Javascript 计算1*2*3*4......*100[计算100的阶乘结果]
- 犀牛书笔记--客户端的js
- js11-1犀牛笔记
- JS数组