简单学习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技巧大放送 学习jquery的朋友可以看下
Oct 14 Javascript
Jquery插件之多图片异步上传
Oct 20 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
Jun 08 Javascript
indexOf 和 lastIndexOf 使用示例介绍
Sep 02 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
Apr 17 Javascript
jQuery实现的倒计时效果实例小结
Apr 16 Javascript
jquery二级目录选中当前页的css样式
Dec 08 Javascript
深入理解vue路由的使用
Mar 24 Javascript
微信小程序实现图片上传功能
May 28 Javascript
微信小程序+腾讯地图开发实现路径规划绘制
May 22 Javascript
微信小程序实现二维码签到考勤系统
Jan 16 Javascript
如何阻止移动端浏览器点击图片浏览
Aug 29 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
PHILIPS AE3805收音机的分析打磨
2021/03/02 无线电
php将数据库中的电话号码读取出来并生成图片
2008/08/31 PHP
PHP分页效率终结版(推荐)
2013/07/01 PHP
使用php清除bom示例
2014/03/03 PHP
修改PHP脚本使WordPress拦截垃圾评论的方法示例
2015/12/10 PHP
jQuery UI-Draggable 参数集合
2010/01/10 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
javascript操作cookie的文章(设置,删除cookies)
2010/04/01 Javascript
js获取json元素数量的方法
2015/01/27 Javascript
初识Javascript小结
2015/07/16 Javascript
Javascript中arguments对象的详解与使用方法
2016/10/04 Javascript
JavaScript仿微博输入框效果(案例分析)
2016/12/06 Javascript
NodeJs中express框架的send()方法简介
2017/06/20 NodeJs
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
微信小程序拍照和摄像功能实现方法示例
2019/02/01 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
python中常用的各种数据库操作模块和连接实例
2014/05/29 Python
详解python里的命名规范
2018/07/16 Python
python使用requests模块实现爬取电影天堂最新电影信息
2019/04/03 Python
python生成随机红包的实例写法
2019/09/02 Python
vscode调试django项目的方法
2020/08/06 Python
Python 开发工具通过 agent 代理使用的方法
2020/09/27 Python
html5-canvas中使用clip抠出一个区域的示例代码
2018/05/25 HTML / CSS
巴基斯坦电子产品购物网站:Home Shopping
2017/09/14 全球购物
Python里面如何拷贝一个对象
2014/02/17 面试题
药剂专业学生求职信范文
2013/12/28 职场文书
汽车队司机先进事迹材料
2014/02/01 职场文书
领班岗位职责范文
2014/02/06 职场文书
销售经理竞聘书
2014/03/31 职场文书
美化环境标语
2014/06/20 职场文书
党员批评与自我批评
2014/10/15 职场文书
安阳殷墟导游词
2015/02/10 职场文书
李强感恩观后感
2015/06/17 职场文书
离职信范本
2015/06/23 职场文书
解决persistence.xml配置文件修改存放路径的问题
2022/02/24 Java/Android