简单学习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 相关文章推荐
在html页面上拖放移动标签
Jan 08 Javascript
基于jquery的一个图片hover的插件
Apr 24 Javascript
如何使Chrome控制台支持多行js模式——意外发现
Jun 13 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
Nov 21 Javascript
js判断滚动条是否已到页面最底部或顶部实例
Nov 20 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 Javascript
AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】
Jan 19 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
Mar 29 Javascript
AngularJs导出数据到Excel的示例代码
Aug 11 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
JavaScript实现移动端拖动元素
Nov 24 Javascript
JS实现简单九宫格抽奖
Jun 28 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分页实例代码分享
2011/07/28 PHP
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
PHP转换文本框内容为HTML格式的方法
2016/07/20 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
thinkphp5框架前后端分离项目实现分页功能的方法分析
2019/10/08 PHP
漂亮的widgets,支持换肤和后期开发新皮肤
2007/04/23 Javascript
Jquery插件编写简明教程
2014/03/25 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
2015/02/05 Javascript
60行js代码实现俄罗斯方块
2015/03/31 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
2016/02/16 Javascript
jquery easyui dataGrid动态改变排序字段名的方法
2017/03/02 Javascript
基于JavaScript实现评论框展开和隐藏功能
2017/08/25 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
d3绘制基本的柱形图的实现代码
2018/12/12 Javascript
详解一个基于react+webpack的多页面应用配置
2019/01/21 Javascript
Node.js API详解之 querystring用法实例分析
2020/04/29 Javascript
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
[57:36]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第三场 2月1日
2021/03/11 DOTA
python提取图像的名字*.jpg到txt文本的方法
2018/05/10 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
Python xml、字典、json、类四种数据类型如何实现互相转换
2020/05/27 Python
快速了解Python开发环境Spyder
2020/06/29 Python
python 实现aes256加密
2020/11/27 Python
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
英国露营设备和户外服装购物网站:Simply Hike
2019/05/05 全球购物
应届生污水处理求职信
2013/11/06 职场文书
机电一体化大学生求职信
2013/11/08 职场文书
毕业生自荐书模版
2014/01/04 职场文书
有趣的广告词
2014/03/18 职场文书
小兵张嘎观后感300字
2015/06/03 职场文书
我是特种兵观后感
2015/06/11 职场文书
2016年中学法制宣传日活动总结
2016/04/01 职场文书
实习员工转正的评语汇总,以备不时之需
2019/12/17 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python
redis复制有可能碰到的问题汇总
2022/04/03 Redis