简单学习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 相关文章推荐
使Ext的Template可以解析二层的json数据的方法
Dec 22 Javascript
用JavaScript隐藏控件的方法
Sep 21 Javascript
jquery实现tr元素的上下移动示例代码
Dec 20 Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
Mar 19 Javascript
javascript实现控制文字大中小显示
Apr 28 Javascript
CSS3实现动态背景登录框的代码
Jul 28 Javascript
jQuery弹出下拉列表插件(实现kindeditor的@功能)
Aug 16 Javascript
JavaScript 身份证号有效验证详解及实例代码
Oct 20 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
Nov 09 Javascript
vue中关闭eslint的方法分析
Aug 04 Javascript
react配置antd按需加载的使用
Feb 11 Javascript
Vue切换div显示隐藏,多选,单选代码解析
Jul 14 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
《心理测量者3》剧场版动画预告
2020/03/02 日漫
建立动态的WML站点(二)
2006/10/09 PHP
一个用mysql_odbc和php写的serach数据库程序
2006/10/09 PHP
PHP无限分类的类
2007/01/02 PHP
php zip文件解压类代码
2009/12/02 PHP
《PHP编程最快明白》第八讲:php启发和小结
2010/11/01 PHP
javascript延时重复执行函数 lLoopRun.js
2007/06/29 Javascript
Document对象内容集合(比较全)
2010/09/06 Javascript
ExtJs使用总结(非常详细)
2012/03/22 Javascript
JS继承--原型链继承和类式继承
2013/04/08 Javascript
封装好的一个万能检测表单的方法
2015/01/21 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
JavaScript实现图片轮播组件代码示例
2016/11/22 Javascript
原生js实现放大镜
2017/02/20 Javascript
基于node.js之调试器详解
2017/08/22 Javascript
详解JS中的this、apply、call、bind(经典面试题)
2017/09/19 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
2018/05/03 jQuery
Vue 让元素抖动/摆动起来的实现代码
2018/05/31 Javascript
小程序实现单选多选功能
2018/11/04 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
2019/04/08 Javascript
javascript实现多边形碰撞检测
2020/10/24 Javascript
python检查URL是否正常访问的小技巧
2017/02/25 Python
Python编程实现二分法和牛顿迭代法求平方根代码
2017/12/04 Python
Python机器学习k-近邻算法(K Nearest Neighbor)实例详解
2018/06/25 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
Python生成指定数量的优惠码实操内容
2019/06/18 Python
python 递归相关知识总结
2021/03/03 Python
CSS3 实现图形下落动画效果
2020/11/13 HTML / CSS
Diptyque英国官方网站:源自法国的知名香氛品牌
2019/08/28 全球购物
经济管理专业自荐信
2013/12/30 职场文书
退休感言
2014/01/28 职场文书
2015年打非治违工作总结
2015/04/02 职场文书
2016年幼儿园教师政治学习心得体会
2016/01/23 职场文书
导游词之张家口
2019/12/13 职场文书
python requests模块的使用示例
2021/04/07 Python
CSS3 制作的彩虹按钮样式
2021/04/11 HTML / CSS