简单学习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 相关文章推荐
javascript 学习笔记(一)DOM基本操作
Apr 08 Javascript
JS 实现Json查询的方法实例
Apr 12 Javascript
用javascript读取xml文件读取节点数据
Aug 12 Javascript
javascript比较两个日期的先后示例代码
Dec 31 Javascript
jQuery和JavaScript节点插入元素的方法对比
Nov 18 Javascript
selenium 与 chrome 进行qq登录并发邮件操作实例详解
Apr 06 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
May 11 Javascript
ng-alain表单使用方式详解
Jul 10 Javascript
vue+axios+mock.js环境搭建的方法步骤
Aug 28 Javascript
vue 项目地址去掉 #的方法
Oct 20 Javascript
JS三级联动代码格式实例详解
Dec 30 Javascript
微信小程序国际化探索实现(附源码地址)
May 20 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
聊天室php&amp;mysql(二)
2006/10/09 PHP
php数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
ubuntu10.04配置 nginx+php-fpm模式的详解
2013/06/03 PHP
PHP中ini_set和ini_get函数的用法小结
2014/02/18 PHP
php+ajax导入大数据时产生的问题处理
2014/06/11 PHP
php实现ip白名单黑名单功能
2015/03/12 PHP
PHP的Yii框架中View视图的使用进阶
2016/03/29 PHP
PHP操作redis实现的分页列表,新增,删除功能封装类与用法示例
2018/08/04 PHP
php 中的信号处理操作实例详解
2020/03/04 PHP
JavaScript 学习小结(适合新手参考)
2009/07/30 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
2013/01/08 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
2013/04/07 Javascript
JS、DOM和JQuery之间的关系示例分析
2014/04/09 Javascript
node.js中的fs.read方法使用说明
2014/12/17 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
使用Web Uploader实现多文件上传
2016/06/08 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
详解TypeScript+Vue 插件 vue-class-component的使用总结
2019/02/18 Javascript
JavaScript函数式编程(Functional Programming)组合函数(Composition)用法分析
2019/05/22 Javascript
Vue实现星级评价效果实例详解
2019/12/30 Javascript
详解js中的原型,原型对象,原型链
2020/07/16 Javascript
python如何让类支持比较运算
2018/03/20 Python
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
Python 装饰器@,对函数进行功能扩展操作示例【开闭原则】
2019/10/17 Python
VScode连接远程服务器上的jupyter notebook的实现
2020/04/23 Python
Node.js 和 Python之间该选择哪个?
2020/08/05 Python
Python利用imshow制作自定义渐变填充柱状图(colorbar)
2020/12/10 Python
Bitiba意大利:在线宠物商店
2020/10/31 全球购物
关于打架的检讨书
2014/01/17 职场文书
阳光体育活动总结
2014/04/30 职场文书
优秀班主任材料
2014/12/16 职场文书
金秋助学感谢信
2015/01/21 职场文书
2015年精神文明建设工作总结
2015/04/21 职场文书
亮剑观后感600字
2015/06/05 职场文书
2016年度农村党员干部主题教育活动总结
2016/04/06 职场文书
详解MySql中InnoDB存储引擎中的各种锁
2022/02/12 MySQL