简单学习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 parseInt 函数分析(转)
Mar 21 Javascript
js遍历、动态的添加数据的小例子
Jun 22 Javascript
微信WeixinJSBridge API使用实例
May 25 Javascript
jQuery处理图片加载失败的常用方法
Jun 08 Javascript
javascript实现检验的各种规则
Jul 31 Javascript
JS控制文本域只读或可写属性的方法
Jun 24 Javascript
Node.js 使用AngularJS的方法示例
May 11 Javascript
vue组件表单数据回显验证及提交的实例代码
Aug 30 Javascript
VUE+elementui面包屑实现动态路由详解
Nov 04 Javascript
使用Vue生成动态表单
Nov 26 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
Jul 31 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 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
discuz authcode 经典php加密解密函数解析
2020/07/12 PHP
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
PHP实现把MySQL数据库导出为.sql文件实例(仿PHPMyadmin导出功能)
2014/05/10 PHP
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
laravel实现按月或天或小时统计mysql数据的方法
2019/10/09 PHP
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
jquery+css+ul模拟列表菜单具体实现思路
2013/04/15 Javascript
常用的JS验证和函数汇总
2014/12/23 Javascript
javascript内置对象操作详解
2015/02/04 Javascript
你不知道的高性能JAVASCRIPT
2016/01/18 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
JQuery.validationEngine表单验证插件(推荐)
2016/12/10 Javascript
vue.js+Echarts开发图表放大缩小功能实例
2017/06/09 Javascript
浅谈在vue项目中如何定义全局变量和全局函数
2017/10/24 Javascript
vue页面切换过渡transition效果
2018/10/08 Javascript
详解javascript函数写法大全
2019/03/25 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
js实现简单抽奖功能
2020/11/24 Javascript
[36:05]完美世界DOTA2联赛循环赛 Forest vs DM 第一场 11.06
2020/11/06 DOTA
python实现从字典中删除元素的方法
2015/05/04 Python
英国汽车座椅和婴儿车购物网站:Uber Kids
2017/04/19 全球购物
体验完美剃须:The Art of Shaving
2018/08/06 全球购物
阿拉伯书店:Jamalon
2019/07/24 全球购物
Java程序员面试90题
2013/10/19 面试题
求职信的最佳写作思路
2014/02/01 职场文书
开业庆典主持词
2014/03/21 职场文书
我们的节日清明节活动总结
2014/04/30 职场文书
广告宣传策划方案
2014/05/21 职场文书
党的群众路线教育实践活动心得体会(乡镇)
2014/11/03 职场文书
有限责任公司股东合作协议书
2014/12/02 职场文书
乡镇一岗双责责任书
2015/01/29 职场文书
2016年“七一建党节”广播稿
2015/12/18 职场文书
工伤调解协议书
2016/03/21 职场文书
MySQL 视图(View)原理解析
2021/05/19 MySQL
golang 语言中错误处理机制
2021/08/30 Golang
MySQL 中如何归档数据的实现方法
2022/03/16 SQL Server