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


Posted in Javascript onNovember 10, 2015

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

(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 相关文章推荐
js动态设置鼠标事件示例代码
Oct 30 Javascript
ajax请求乱码的解决方法(中文乱码)
Apr 10 Javascript
AngularJS入门教程(二):AngularJS模板
Dec 06 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
Feb 05 Javascript
用 js 的 selection range 操作选择区域内容和图片
Apr 18 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
May 26 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
Jun 08 Javascript
浅谈JS中的反柯里化( uncurrying)
Aug 17 Javascript
angular5 httpclient的示例实战
Mar 12 Javascript
微信小程序开发之自定义tabBar的实现
Sep 06 Javascript
微信小程序Echarts覆盖正常组件问题解决
Jul 13 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 Javascript
js密码强度校验
Nov 10 #Javascript
详解javascript函数的参数
Nov 10 #Javascript
JavaScript函数的一些注意要点小结及js匿名函数
Nov 10 #Javascript
javascript实现五星评分功能
Nov 10 #Javascript
javascript实现密码验证
Nov 10 #Javascript
JavaScript编程的单例设计模讲解
Nov 10 #Javascript
js数组常见操作及数组与字符串相互转化实例详解
Nov 10 #Javascript
You might like
Apache, PHP在Windows 9x/NT下的安装与配置 (一)
2006/10/09 PHP
php合并js请求的例子
2013/11/01 PHP
微信自定义菜单的创建/查询/取消php示例代码
2016/08/05 PHP
ThinkPHP开发--使用七牛云储存
2017/09/14 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
延时重复执行函数 lLoopRun.js
2007/05/08 Javascript
js给dropdownlist添加选项的小例子
2013/03/04 Javascript
jquery实现带二级菜单的导航示例
2014/04/28 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
2015/03/04 Javascript
基于JavaScript代码实现pc与手机之间的跳转
2015/12/23 Javascript
20分钟轻松创建自己的Bootstrap站点
2016/05/12 Javascript
文本框只能输入数字的js代码(含小数点)
2016/07/10 Javascript
使用BootStrap实现标签切换原理解析
2017/03/14 Javascript
JavaScript模块模式实例详解
2017/10/25 Javascript
vuejs项目打包之后的首屏加载优化及打包之后出现的问题
2018/04/01 Javascript
使用Vue实现简单计算器
2020/02/25 Javascript
python实现简单的TCP代理服务器
2014/10/08 Python
Python import自定义模块方法
2015/02/12 Python
Python切片操作实例分析
2018/03/16 Python
浅谈python中真正关闭socket的方法
2018/12/18 Python
解决pyecharts在jupyter notebook中使用报错问题
2020/04/23 Python
python实现猜数游戏(保存游戏记录)
2020/06/22 Python
详解CSS3浏览器兼容
2016/12/14 HTML / CSS
澳大利亚设计的优质鞋类和适合澳大利亚生活方式的服装:Rivers
2019/04/23 全球购物
会计专业毕业生推荐信
2013/11/05 职场文书
医院门卫岗位职责
2013/12/30 职场文书
幼儿园教师备课制度
2014/01/12 职场文书
挖掘机司机岗位职责
2014/02/12 职场文书
同志主要表现材料
2014/08/21 职场文书
2015年人事专员工作总结
2015/04/29 职场文书
大国崛起日本观后感
2015/06/02 职场文书
海洋天堂观后感
2015/06/05 职场文书
2016高考感言
2015/08/01 职场文书
创业计划书之溜冰场
2019/10/25 职场文书
基于Python实现的购物商城管理系统
2021/04/27 Python
一小时迅速入门Mybatis之bind与多数据源支持 Java API
2021/09/15 Javascript