简单学习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 相关文章推荐
兼容Mozilla必须知道的知识。
Jan 09 Javascript
javascript下IE与FF兼容函数收集
Sep 17 Javascript
读jQuery之九 一些瑕疵说明
Jun 21 Javascript
JS 操作符整理[推荐收藏]
Nov 15 Javascript
基于js disabled=&quot;false&quot;不起作用的解决办法
Jun 26 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
JQuery异步加载无限下拉框级联功能实现示例
Feb 19 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 Javascript
jquery如何判断表格同一列不同行input数据是否重复
May 14 Javascript
AngularJS实现ajax请求的方法
Nov 22 Javascript
vue实现百度语音合成的实例讲解
Oct 14 Javascript
微信小程序实现图片压缩
Dec 03 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
全国FM电台频率大全 - 27 陕西省
2020/03/11 无线电
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
PHP之uniqid()函数用法
2014/11/03 PHP
php中substr()函数参数说明及用法实例
2014/11/15 PHP
PHP+shell脚本操作Memcached和Apache Status的实例分享
2016/03/11 PHP
常用PHP封装分页工具类
2017/01/14 PHP
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
JS远程获取网页源代码实例
2013/09/05 Javascript
parentElement,srcElement的使用小结
2014/01/13 Javascript
项目中常用的JS方法整理
2015/01/30 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
2017/01/24 Javascript
Vue.use源码分析
2017/04/22 Javascript
深入理解Vue transition源码分析
2017/07/30 Javascript
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
微信小程序实现星级评价
2019/11/20 Javascript
Python实现程序的单一实例用法分析
2015/06/03 Python
浅谈python为什么不需要三目运算符和switch
2016/06/17 Python
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
Python基于回溯法子集树模板解决野人与传教士问题示例
2017/09/11 Python
Python爬虫实现简单的爬取有道翻译功能示例
2018/07/13 Python
对Python 窗体(tkinter)文本编辑器(Text)详解
2018/10/11 Python
python清除字符串前后空格函数的方法
2018/10/21 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
Python稀疏矩阵及参数保存代码实现
2020/04/18 Python
python3.7 openpyxl 在excel单元格中写入数据实例
2020/09/01 Python
CSS3 Columns分列式布局方法简介
2014/05/03 HTML / CSS
HTML5 canvas 基本语法
2009/08/26 HTML / CSS
沙特阿拉伯家用电器和电子产品购物网站:Sheta and Saif
2020/04/03 全球购物
机电职业生涯规划书范文
2014/03/08 职场文书
学生会宣传部部长竞选演讲稿
2014/04/25 职场文书
村级换届选举方案
2014/05/10 职场文书
团队拓展活动总结
2014/08/27 职场文书
学生抄袭作业的检讨书
2014/10/02 职场文书
检讨书1000字
2014/10/11 职场文书
教师党员承诺书2015
2015/01/21 职场文书