简单学习JavaScript中的for语句循环结构


可以直接看示例,用得太多了,很简单

(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中利用各种循环进行遍历的方式总结
为了方便例子讲解,现有数组和json对象如下vardemoArr=['Javascript','Gulp','CSS3','Grunt','jQuery','angular'];vardemoObj={aaa:'Javascript',bbb:'Gulp',ccc:'CSS3',ddd:'Grunt',eee:'jQuery'

window.location.reload 刷新使用分析(去对话框)
使用window.location.reload;刷新时,如果提交数据的动作,则会出现讨厌的对话框!解决此问题,应该这样写:window.location.href=window.location.href;window.location.re

为何JS操作的href都是javascript:void(0);呢
一、我是一只小白下半年浮躁多了,得好好静心学习,告别小白。果断买了几本书:其中,最先看的是《javascript模式》——不少人认为很shi的一本书。