js中forEach,for in,for of循环的用法示例小结


Posted in Javascript onMarch 14, 2020

本文实例讲述了js中forEach,for in,for of循环的用法。分享给大家供大家参考,具体如下:

一、一般的遍历数组的方法:

var array = [1,2,3,4,5,6,7];
for (var i = 0; i < array.length; i++) {
  console.log(i,array[i]);
}

二、用for in的方遍历数组,得到的是索引

var array = [1,2,3,4,5,6,7];
for(let index in array) {
  console.log(index,array[index]);
};

三、forEach,得到的是元素

var array = [1,2,3,4,5,6,7];

array.forEach(e=>{
  console.log(e);
});

array.forEach(function(e){
  console.log(e);
});

四、用for in不仅可以对数组,也可以对enumerable对象操作!得到的是索引

var table = {
  a : 10,
  b : true,
  c : "jadeshu"
};

for(let index in table) {
  console.log(index, table[index]);
}

五、在ES6中,增加了一个for of循环,得到的是元素

var array = [1,2,3,4,5,6,7];

for(let ele of array) {
  console.log(ele);
};

var str = "helloabc";
for(let ele of str) {
  console.log(ele);
}

for of不能对象用

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
用jscript实现列出安装的软件列表
Jun 18 Javascript
jquery 插件学习(四)
Aug 06 Javascript
在linux中使用包管理器安装node.js
Mar 13 Javascript
全面解析Bootstrap图片轮播效果
Dec 03 Javascript
微信小程序中实现一对多发消息详解及实例代码
Feb 14 Javascript
bootstrap的常用组件和栅格式布局详解
May 02 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
Feb 03 Javascript
vue里如何主动销毁keep-alive缓存的组件
Mar 21 Javascript
vue-cli配置flexible过程详解
Jul 04 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 Javascript
JavaScript 中for/of,for/in 的详细介绍
Nov 17 Javascript
uniapp 微信小程序 自定义tabBar 导航
Apr 22 Javascript
JS原型prototype和__proto__用法实例分析
Mar 14 #Javascript
JS数组的高级使用方法示例小结
Mar 14 #Javascript
vue-resource post数据时碰到Django csrf问题的解决
Mar 13 #Javascript
js函数和this用法实例分析
Mar 13 #Javascript
js对象简介与基本用法示例
Mar 13 #Javascript
JS自定义滚动条效果
Mar 13 #Javascript
js Math数学简单使用操作示例
Mar 13 #Javascript
You might like
PHP sprintf()函数用例解析
2011/05/18 PHP
php使用PDO方法详解
2014/12/27 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
PHP生成制作验证码的简单实例
2016/06/12 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
PHP中的输出echo、print、printf、sprintf、print_r和var_dump的示例代码
2020/12/01 PHP
飞鱼(shqlsl) javascript作品集
2006/12/16 Javascript
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
用js判断页面是否加载完成实现代码
2012/12/11 Javascript
js给dropdownlist添加选项的小例子
2013/03/04 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
2013/09/29 Javascript
js兼容火狐显示上传图片预览效果的方法
2015/05/21 Javascript
Node.js 条形码识别程序构建思路详解
2016/02/14 Javascript
js中DOM三级列表(代码分享)
2017/03/20 Javascript
p5.js绘制创意自画像
2019/11/04 Javascript
js实现内置计时器
2019/12/16 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
python 实现插入排序算法
2012/06/05 Python
Python使用面向对象方式创建线程实现12306售票系统
2015/12/24 Python
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
Python实现针对给定单链表删除指定节点的方法
2018/04/12 Python
python动态进度条的实现代码
2019/07/03 Python
python把ipynb文件转换成pdf文件过程详解
2019/07/09 Python
表单button的outline在firefox浏览器下的问题
2012/12/24 HTML / CSS
HTML5超文本标记语言的实现方法
2020/09/24 HTML / CSS
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
国培计划培训感言
2014/03/11 职场文书
商业融资计划书
2014/04/29 职场文书
五好关工委申报材料
2014/05/31 职场文书
个人纪律作风整改措施思想汇报
2014/10/12 职场文书
领导班子整改方案和个人整改措施
2014/10/25 职场文书
幼儿园辞职书
2015/02/26 职场文书
2015年七一建党节演讲稿
2015/03/19 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
中标通知书格式
2015/04/17 职场文书
JPA 通过Specification如何实现复杂查询
2021/11/23 Java/Android