简单学习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 插件开发方法小结
Oct 23 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
Mar 08 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
Feb 25 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
Feb 26 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
Jun 21 Javascript
JS取数字小数点后两位或n位的简单方法
Oct 24 Javascript
使用JavaScript实现一个小程序之99乘法表
Sep 21 Javascript
vue2实现数据请求显示loading图
Nov 28 Javascript
JavaScript事件冒泡与事件捕获实例分析
Aug 01 Javascript
vue-swiper的使用教程
Aug 30 Javascript
一个因@click.stop引发的bug的解决
Jan 08 Javascript
在Vue中使用Echarts实例图的方法实例
Oct 10 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 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
PHP中使用file_get_contents post数据代码例子
2015/02/13 PHP
Laravel路由设定和子路由设定实例分析
2016/03/30 PHP
Joomla开启SEF的方法
2016/05/04 PHP
js 调用本地exe的例子(支持IE内核的浏览器)
2012/12/26 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
2013/11/19 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
2013/12/13 Javascript
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
2015/03/03 Javascript
js获取所有checkbox的值的简单实例
2016/05/30 Javascript
AngularJS入门教程之Scope(作用域)
2016/07/27 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
2016/11/02 Javascript
JS实现一个简单的日历
2017/02/22 Javascript
基于JavaScript实现滑动门效果
2017/03/16 Javascript
Vue 实现双向绑定的四种方法
2018/03/16 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
2019/06/03 Javascript
微信小程序实现选项卡滑动切换
2020/10/22 Javascript
vue+iview实现文件上传
2020/11/17 Vue.js
[02:53]2018年度DOTA2最佳战队-完美盛典
2018/12/17 DOTA
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
Python网络编程使用select实现socket全双工异步通信功能示例
2018/04/09 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
python/Matplotlib绘制复变函数图像教程
2019/11/21 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
Python使用jpype模块调用jar包过程解析
2020/07/29 Python
HTML5实现移动端点击翻牌功能
2020/10/23 HTML / CSS
《再别康桥》教学反思
2014/02/12 职场文书
公司开业庆典主持词
2014/03/21 职场文书
村抢险救灾方案
2014/05/09 职场文书
世界读书日的活动方案
2014/08/20 职场文书
财务会计求职信范文
2015/03/20 职场文书
成绩单家长意见
2015/06/03 职场文书
python引入其他文件夹下的py文件具体方法
2021/05/23 Python
postgresql使用filter进行多维度聚合的解决方法
2021/07/16 PostgreSQL
Python中如何处理常见报错
2022/01/18 Python