简单学习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 easyui的tabs使用时的问题
Mar 23 Javascript
JavaScript/jQuery 表单美化插件小结
Feb 14 Javascript
JavaScript检查某个function是否是原生代码的方法
Aug 20 Javascript
用JavaScript实现页面重定向功能的教程
Jun 04 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
使用BootStrapValidator完成前端输入验证
Sep 28 Javascript
vue事件修饰符和按键修饰符用法总结
Jul 25 Javascript
基于jQuery的左滑出现删除按钮的示例
Aug 29 jQuery
Easy UI动态树点击文字实现展开关闭功能
Sep 30 Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
Vue请求java服务端并返回数据代码实例
Nov 28 Javascript
Vue如何基于es6导入外部js文件
May 15 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
Dedecms V3.1 生成HTML速度的优化办法
2007/03/18 PHP
利用phpexcel把excel导入数据库和数据库导出excel实现
2014/01/09 PHP
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
PHP的Laravel框架中使用消息队列queue及异步队列的方法
2016/03/21 PHP
javascript自适应宽度的瀑布流实现思路
2013/02/20 Javascript
JavaScript获取flash对象与网上的有所不同
2014/04/21 Javascript
nodejs教程之异步I/O
2014/11/21 NodeJs
JavaScript取得WEB安全颜色列表的方法
2015/07/14 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
2015/10/28 Javascript
IE和Firefox之间在JavaScript语法上的差异
2016/04/22 Javascript
js实现可键盘控制的简单抽奖程序
2016/07/13 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
vue将时间戳转换成自定义时间格式的方法
2018/03/02 Javascript
React Native使用fetch实现图片上传的示例代码
2018/03/07 Javascript
JS点击动态添加标签、删除指定标签的代码
2018/04/18 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
javascript实现切割轮播效果
2019/11/28 Javascript
Vue3.0的优化总结
2020/10/16 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
2020/11/05 Javascript
Python 中urls.py:URL dispatcher(路由配置文件)详解
2017/03/24 Python
人脸识别经典算法一 特征脸方法(Eigenface)
2018/03/13 Python
利用python将json数据转换为csv格式的方法
2018/03/22 Python
Django 使用logging打印日志的实例
2018/04/28 Python
python使用magic模块进行文件类型识别方法
2018/12/08 Python
在Pycharm中自动添加时间日期作者等信息的方法
2019/01/16 Python
Python实现深度遍历和广度遍历的方法
2019/01/22 Python
Python实现定时自动关闭的tkinter窗口方法
2019/02/16 Python
python制作抖音代码舞
2019/04/07 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
python 实现音频叠加的示例
2020/10/29 Python
python用700行代码实现http客户端
2021/01/14 Python
《钱学森》听课反思
2014/03/01 职场文书
2015年房地产个人工作总结
2015/05/26 职场文书
加强党性修养心得体会
2016/01/21 职场文书
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技