简单学习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 相关文章推荐
一个javascript参数的小问题
Mar 02 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
Jun 25 Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
Apr 26 Javascript
node.js中的buffer.toString方法使用说明
Dec 14 Javascript
jQuery中:last-child选择器用法实例
Dec 31 Javascript
JavaScript插件化开发教程 (三)
Jan 27 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
Dec 14 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
Jan 05 Javascript
深入理解Javascript中的自执行匿名函数
Jun 03 Javascript
extjs简介_动力节点Java学院整理
Jul 17 Javascript
js+css实现全屏侧边栏
Jun 16 Javascript
JavaScript实现切换多张图片
Jan 27 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
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
Codeigniter实现多文件上传并创建多个缩略图
2014/06/12 PHP
PHP图片库imagemagick安装方法
2014/09/23 PHP
thinkphp文件引用与分支结构用法实例
2014/11/26 PHP
使用Zttp简化Guzzle 调用
2017/07/02 PHP
php基于协程实现异步的方法分析
2019/07/17 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
菜鸟javascript基础整理1
2010/12/06 Javascript
javascript中的作用域scope介绍
2010/12/28 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
javascript常用函数(2)
2015/11/05 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
2016/11/21 Javascript
在bootstrap中实现轮播图实例代码
2017/06/11 Javascript
js数字滑动时钟的简单实现(示例讲解)
2017/08/14 Javascript
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
Node.js Event Loop各阶段讲解
2019/03/08 Javascript
JavaScript实现星级评价效果
2019/05/17 Javascript
vue+element加入签名效果(移动端可用)
2019/06/17 Javascript
jQuery实现html可联动的百分比进度条
2020/03/26 jQuery
如何在node环境实现“get数据解析”代码实例
2020/07/03 Javascript
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
对python中的argv和argc使用详解
2018/12/15 Python
python实现在线翻译功能
2020/03/03 Python
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
波兰家居饰品和厨房配件网上商店:Maleomi
2020/12/15 全球购物
大学毕业生简单自荐信
2013/11/05 职场文书
自动化专业职业生涯规划书范文
2014/01/16 职场文书
大学理论知识学习自我鉴定
2014/04/28 职场文书
授权委托书(完整版)
2014/09/10 职场文书
乡镇党的群众路线对照检查材料
2014/09/24 职场文书
2015年幼儿园后勤工作总结
2015/04/25 职场文书
居住证明范文
2015/06/17 职场文书
员工旷工检讨书
2015/08/15 职场文书
导游词之天下银坑景区
2019/11/21 职场文书
Python实现仓库管理系统
2022/05/30 Python