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

 更新时间:2015年11月10日 15:19:50   投稿:goldensun  
这篇文章主要介绍了简单学习JavaScript中的for语句循环结构,是JavaScript入门学习中的基础知识,需要的朋友可以参考下

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

(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 DOM学习第四章 getElementByTagNames

    JavaScript DOM学习第四章 getElementByTagNames

    HTML有一些相关有不同tag名字的相关元素,比如H1-H6或者input,select和TEXTAREA。getElementByTagName只能取得那些有相同tag名称的元素,所以你不能用他来取得所有的标题或者整个表单内容。
    2010-02-02
  • Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式

    Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式

    function 是 Javascript 中的第一类对象,这就意味着函数可以像其他值一样被传递。一个最常见的用法就是将一个匿名函数作为回调函数传递到另外一个异步函数中。
    2014-06-06
  • 优化RequireJS项目的相关技巧总结

    优化RequireJS项目的相关技巧总结

    这篇文章主要介绍了优化RequireJS项目的相关技巧总结,RequireJS是一个人气JavaScript库,需要的朋友可以参考下
    2015-07-07
  • JavaScript稀疏数组示例教程

    JavaScript稀疏数组示例教程

    这篇文章主要为大家介绍了JavaScript稀疏数组的使用示例教程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • JavaScript高级程序设计(第3版)学习笔记10 再访js对象

    JavaScript高级程序设计(第3版)学习笔记10 再访js对象

    在ECMAScript中,两个核心主题就是对象与函数,而这两个主题也有些互相缠绕的,在前面几个博文中大略的过了一遍函数相关的基础知识,这篇文章再回到对象主题上来
    2012-10-10
  • JavaScript从原型到原型链深入理解

    JavaScript从原型到原型链深入理解

    这篇文章主要介绍了从原型与原型链开始讲起,如果你想知道构造函数的实例的原型,原型的原型,原型的原型的原型是什么,就来看看这篇文章吧。下面小编就来带大家一起学习一下
    2019-06-06
  • javascript数组操作总结和属性、方法介绍

    javascript数组操作总结和属性、方法介绍

    这篇文章主要介绍了javascript数组操作总结,例如数组的创建、添加、删除、合并等操作方法,同时总结了属性和操作函数、方法等,需要的朋友可以参考下
    2014-04-04
  • 详解JavaScript设计模式开发中的桥接模式使用

    详解JavaScript设计模式开发中的桥接模式使用

    桥接模式的适用场合非常广泛,除了在事件回调函数与接口之间进行桥接外,桥接模式也可以用于连接公开的API代码和私用的实现代码,下面我们就来详解JavaScript设计模式开发中的桥接模式使用
    2016-05-05
  • JavaScript编程中布尔对象的基本使用

    JavaScript编程中布尔对象的基本使用

    这篇文章主要介绍了JavaScript编程中布尔对象的基本使用,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
    2015-10-10
  • JavaScript 详解缓动动画的封装与使用

    JavaScript 详解缓动动画的封装与使用

    缓动动画原理:移动的像素慢慢减少,让效果看起来更柔和更美观,通过定时器加回调函数,实现动画效果以及更多具体功能,非常好用
    2021-11-11

最新评论