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 相关文章推荐
Javascript String.replace的妙用
Sep 08 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
Nov 04 Javascript
JavaScript实现删除,移动和复制文件的方法
Aug 05 Javascript
javascript html5实现表单验证
Mar 01 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
Jul 27 Javascript
gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)
Aug 24 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
Dec 25 Javascript
jquery事件与绑定事件
Mar 16 Javascript
详解vue嵌套路由-params传递参数
May 23 Javascript
详谈innerHTML innerText的使用和区别
Aug 18 Javascript
js实现canvas图片与img图片的相互转换的示例
Aug 31 Javascript
vue 中 命名视图的用法实例详解
Aug 14 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
《魔兽争霸3:重制版》更新 多项视觉效果调整
2020/05/04 魔兽争霸
深入PHP FTP类的详解
2013/06/13 PHP
PHP集成百度Ueditor 1.4.3
2014/11/23 PHP
PHP自带方法验证邮箱、URL、IP是否合法的函数
2016/12/08 PHP
PHP开发之用微信远程遥控服务器
2018/01/25 PHP
Laravel5.5以下版本中如何自定义日志行为详解
2018/08/01 PHP
PHP面向对象类型约束用法分析
2019/06/12 PHP
从盛大通行证上摘下来的身份证验证js代码
2011/01/11 Javascript
使用Node.js为其他程序编写扩展的基本方法
2015/06/23 Javascript
Css3制作变形与动画效果
2015/07/24 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
js实现(全选)多选按钮的方法【附实例】
2016/03/30 Javascript
JS中递归函数
2016/06/17 Javascript
基于vue的下拉刷新指令和滚动刷新指令
2016/12/23 Javascript
浅谈angular4 ng-content 中隐藏的内容
2017/08/18 Javascript
ES6/JavaScript使用技巧分享
2017/12/14 Javascript
解决nodejs的npm命令无反应的问题
2018/05/17 NodeJs
微信小程序分享海报生成的实现方法
2018/12/10 Javascript
JavaScript实现身份证验证代码实例
2019/08/26 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
python中logging库的使用总结
2017/10/18 Python
Python随机函数random()使用方法小结
2018/04/29 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
一个不错的HTML5 Canvas多层点击事件监听实例
2014/04/29 HTML / CSS
什么是Smarty变量操作符?如何使用Smarty变量操作符
2014/07/18 面试题
财务总监管理职责范文
2014/03/09 职场文书
黄金酒广告词
2014/03/21 职场文书
什么是就业协议书
2014/04/17 职场文书
演讲稿的写法
2014/05/19 职场文书
2015年度校学生会工作总结报告
2015/05/23 职场文书
母亲节感言
2015/08/03 职场文书
2016年度优秀辅导员事迹材料
2016/02/26 职场文书
2019年健身俱乐部的创业计划书
2019/08/26 职场文书
python 定义函数 返回值只取其中一个的实现
2021/05/21 Python
关于SpringBoot 使用 Redis 分布式锁解决并发问题
2021/11/17 Redis
浅谈Redis跟MySQL的双写问题解决方案
2022/02/24 Redis