简单学习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 相关文章推荐
限制复选框的最大可选数
Jul 01 Javascript
dropdownlist之间的互相联动实现(显示与隐藏)
Nov 24 Javascript
document.createElement()用法
Mar 13 Javascript
纯js实现重发验证码按钮倒数功能
Apr 21 Javascript
jquery点击切换背景色的简单实例
Aug 25 Javascript
js实现手机发送验证码功能
Mar 13 Javascript
Javascript中八种遍历方法的执行速度深度对比
Apr 25 Javascript
解决vue router使用 history 模式刷新后404问题
Jul 19 Javascript
vue实现直播间点赞飘心效果的示例代码
Sep 20 Javascript
vue实现点击追加选中样式效果
Nov 01 Javascript
vue实现日历表格(element-ui)
Sep 24 Javascript
JS绘图Flot如何实现动态可刷新曲线图
Oct 16 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生成静态页的实现方法
2013/05/10 PHP
PHP+JQUERY操作JSON实例
2017/03/23 PHP
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
javascript 图片裁剪技巧解读
2012/11/15 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
怎么清空javascript数组
2013/05/11 Javascript
javascript 判断整数方法分享
2014/12/16 Javascript
js生成验证码并直接在前端判断
2015/05/15 Javascript
javascript如何操作HTML下拉列表标签
2015/08/20 Javascript
jQuery实现内容定时切换效果完整实例
2016/04/06 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
2016/08/23 Javascript
简单实现nodejs上传功能
2017/01/14 NodeJs
canvas绘制多边形
2017/02/24 Javascript
vue.js实现的绑定class操作示例
2018/07/06 Javascript
JS获取并处理php数组的方法实例分析
2018/09/04 Javascript
JavaScript封闭函数及常用内置对象示例
2019/05/13 Javascript
Vue动态修改网页标题的方法及遇到问题
2019/06/09 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
vue2.* element tabs tab-pane 动态加载组件操作
2020/07/19 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
Python中执行存储过程及获取存储过程返回值的方法
2017/10/07 Python
Python使用django框架实现多人在线匿名聊天的小程序
2017/11/29 Python
Python的UTC时间转换讲解
2019/02/26 Python
python requests使用socks5的例子
2019/07/25 Python
Python bisect模块原理及常见实例
2020/06/17 Python
python怎么自定义捕获错误
2020/06/29 Python
马克华菲官方商城:Mark Fairwhale
2016/09/04 全球购物
TUMI马来西亚官方网站:国际领先的高品质商旅箱包品牌
2018/04/26 全球购物
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
投资意向书范本
2014/04/01 职场文书
给孩子的新年寄语
2014/04/08 职场文书
先进单位事迹材料
2014/12/25 职场文书
党支部承诺书
2015/01/20 职场文书
博士给导师的自荐信
2015/03/06 职场文书
证券区域经理岗位职责
2015/04/10 职场文书
Python包argparse模块常用方法
2021/06/04 Python