简单学习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使用手册之 事件处理
Mar 24 Javascript
javascript不同页面传值的改进版
Sep 30 Javascript
鼠标经过的文本框textbox变色
May 21 Javascript
jQuery 开发者应该注意的9个错误
May 03 Javascript
Js冒泡事件详解及阻止示例
Mar 21 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
Oct 09 Javascript
yarn与npm的命令行小结
Oct 20 Javascript
JQuery 动态生成Table表格实例代码
Dec 02 Javascript
Vue中使用vux的配置详解
May 05 Javascript
layui弹出层按钮提交iframe表单的方法
Aug 20 Javascript
JavaScript显式数据类型转换详解
Mar 18 Javascript
Angular单元测试之事件触发的实现
Jan 20 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代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
Div Select挡住的解决办法
2008/08/07 Javascript
Javascript 面试题随笔
2011/03/31 Javascript
js实现文章文字大小字号功能完整实例
2014/11/01 Javascript
JavaScript实现SHA-1加密算法的方法
2015/03/11 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
2015/09/15 Javascript
JQuery日期插件datepicker的使用方法
2016/03/03 Javascript
拥有一个属于自己的javascript表单验证插件
2016/03/24 Javascript
基于jQuery实现Ajax验证用户名是否存在实例
2016/03/30 Javascript
node.js实现回调的方法示例
2017/03/01 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
2017/04/11 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
浅谈Angular2 ng-content 指令在组件中嵌入内容
2017/08/18 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
vue实现文件上传功能
2018/08/13 Javascript
解决vue项目 build之后资源文件找不到的问题
2020/09/12 Javascript
深入了解Vue3模板编译原理
2020/11/19 Vue.js
Python里隐藏的“禅”
2014/06/16 Python
跟老齐学Python之编写类之四再论继承
2014/10/11 Python
python pandas.DataFrame选取、修改数据最好用.loc,.iloc,.ix实现
2018/06/11 Python
浅述python2与python3的简单区别
2018/09/19 Python
解决Pycharm出现的部分快捷键无效问题
2018/10/22 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
Python 占位符的使用方法详解
2019/07/10 Python
Python制作一个仿QQ办公版的图形登录界面
2020/09/22 Python
浅析python 通⽤爬⾍和聚焦爬⾍
2020/09/28 Python
详解Python利用configparser对配置文件进行读写操作
2020/11/03 Python
香港草莓网土耳其网站:Strawberrynet TR
2017/03/02 全球购物
世界上最大的乐器零售商:Guitar Center
2017/11/07 全球购物
如何查找网页漏洞
2016/06/22 面试题
建材投资建议书
2014/05/16 职场文书
安全责任书怎么写
2014/07/28 职场文书
Mac电脑OS系统下安装Nginx的详细教程
2022/04/14 Servers
在容器中使用nginx搭建上传下载服务器
2022/05/11 Servers