当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 简单学习JavaScript中的for语句循环结构

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

2019年07月31日  | 移动技术网IT编程  | 我要评论

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

(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>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网