简单学习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 相关文章推荐
通过jQuery源码学习javascript(二)
Dec 27 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
jquery对元素拖动排序示例
Jan 16 Javascript
jQuery实现异步获取json数据的2种方式
Aug 29 Javascript
使用npm发布Node.JS程序包教程
Mar 02 Javascript
js闭包实现按秒计数
Apr 23 Javascript
js 事件的传播机制(实例讲解)
Jul 20 Javascript
详解VueJS 数据驱动和依赖追踪分析
Jul 26 Javascript
Vue精简版风格指南(推荐)
Jan 30 Javascript
动态加载、移除js/css文件的示例代码
Mar 20 Javascript
Vue中this.$nextTick的作用及用法
Feb 04 Javascript
vue mvvm数据响应实现
Nov 11 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
thinkphp3.2中Lite文件替换框架入口文件或应用入口文件的方法
2015/05/21 PHP
Symfony2安装的方法(2种方法)
2016/02/04 PHP
PHP面向对象程序设计OOP继承用法入门示例
2016/12/27 PHP
ThinkPHP开发--使用七牛云储存
2017/09/14 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
prototype 1.5相关知识及他人笔记
2006/12/16 Javascript
JavaScript 动态生成方法的例子
2009/07/22 Javascript
判断客户端浏览器是否安装了Flash插件的多种方法
2010/08/11 Javascript
基于jQuery的自动完成插件
2011/02/03 Javascript
javascript中window.event事件用法详解
2012/12/11 Javascript
jsp网页搜索结果中实现选中一行使其高亮
2014/02/17 Javascript
JavaScript中rem布局在react中的应用
2015/12/09 Javascript
JavaScipt选取文档元素的方法(推荐)
2016/08/05 Javascript
javascript 中Cookie读、写与删除操作
2017/03/29 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
webpack踩坑之路图片的路径与打包
2017/09/05 Javascript
vue 通过base64实现图片下载功能
2020/12/19 Vue.js
使用python采集脚本之家电子书资源并自动下载到本地的实例脚本
2018/10/23 Python
Python的Lambda函数用法详解
2019/09/03 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
python+opencv3生成一个自定义纯色图教程
2020/02/19 Python
Python实现常见的几种加密算法(MD5,SHA-1,HMAC,DES/AES,RSA和ECC)
2020/05/09 Python
Python: glob匹配文件的操作
2020/12/11 Python
python中if嵌套命令实例讲解
2021/02/25 Python
HTML5 新事件 小结
2009/07/16 HTML / CSS
美国指甲油品牌:Deco Miami
2017/01/30 全球购物
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
同学会邀请函模板
2015/01/30 职场文书
工厂采购员岗位职责
2015/04/07 职场文书
2015年出纳年终工作总结
2015/05/14 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书
2016幼儿园毕业感言
2015/12/08 职场文书
python区块链持久化和命令行接口实现简版
2022/05/25 Python
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers
JS前端使用canvas实现扩展物体类和事件派发
2022/08/05 Javascript
使用 CSS 构建强大且酷炫的粒子动画效果
2022/08/14 HTML / CSS