简单学习JavaScript中的for语句循环结构_Javascript教程-查字典教程网
简单学习JavaScript中的for语句循环结构
简单学习JavaScript中的for语句循环结构
发布时间:2016-12-30 来源:查字典编辑
摘要:可以直接看示例,用得太多了,很简单(function(){for(vari=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教程学习
    编程开发子分类