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 相关文章推荐
jquery 新浪网易的评论块制作
Jul 01 Javascript
jQuery的实现原理的模拟代码 -3 事件处理
Aug 03 Javascript
用javascript为页面添加天气显示实现思路及代码
Dec 02 Javascript
Node.js中对通用模块的封装方法
Jun 06 Javascript
jQuery中wrapInner()方法用法实例
Jan 16 Javascript
js实现的下拉框二级联动效果
Apr 30 Javascript
vue Render中slots的使用的实例代码
Jul 19 Javascript
node.js将MongoDB数据同步到MySQL的步骤
Dec 10 Javascript
微信小程序表单验证form提交错误提示效果
Jun 19 Javascript
JS动画实现回调地狱promise的实例代码详解
Nov 08 Javascript
详解vue2.0模拟后台json数据
May 16 Javascript
js中Map和Set的用法及区别实例详解
Feb 15 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自带方法验证邮箱、URL、IP是否合法的函数
2016/12/08 PHP
JQuery的一些小应用收集
2010/03/27 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
2010/06/18 Javascript
jquery选择器的选择使用及性能介绍
2013/01/16 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
js控制frameSet示例
2013/09/10 Javascript
javascript自启动函数的问题探讨
2013/10/05 Javascript
jquery实现的网页自动播放声音
2014/04/30 Javascript
测试IE浏览器对JavaScript的AngularJS的兼容性
2015/06/19 Javascript
AngularJS单选框及多选框实现双向动态绑定
2016/01/13 Javascript
学习AngularJs:Directive指令用法(完整版)
2016/04/26 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
2017/03/04 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
React组件生命周期详解
2017/07/03 Javascript
JS数组交集、并集、差集的示例代码
2017/08/23 Javascript
简述vue状态管理模式之vuex
2018/08/29 Javascript
vue组件实践之可搜索下拉框功能
2018/11/25 Javascript
extjs4图表绘制之折线图实现方法分析
2020/03/06 Javascript
Python 实现简单的电话本功能
2015/08/09 Python
Python方法的延迟加载的示例代码
2017/12/18 Python
用python实现对比两张图片的不同
2018/02/05 Python
纯python实现机器学习之kNN算法示例
2018/03/01 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
Django框架多表查询实例分析
2018/07/04 Python
django中forms组件的使用与注意
2019/07/08 Python
服务器端jupyter notebook映射到本地浏览器的操作
2020/04/14 Python
购买大码女装:Lane Bryant
2016/09/07 全球购物
俄罗斯金苹果网上化妆品和香水商店:Goldapple
2019/12/01 全球购物
测绘工程本科生求职信
2013/10/10 职场文书
《中华少年》教学反思
2014/02/15 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
标准离婚协议书(2014版)
2014/10/05 职场文书
个人向公司借款协议书
2014/10/09 职场文书
实习介绍信范文
2015/05/05 职场文书
有关信念的名言语录集锦
2019/12/06 职场文书
PhpSpreadsheet中文文档 | Spreadsheet操作教程实例
2021/04/01 PHP