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 关于event.target使用的几点说明介绍
Apr 26 Javascript
jquery1.10给新增元素绑定事件的方法
Mar 06 Javascript
用js通过url传参把数据从一个页面传到另一个页面
Sep 01 Javascript
javascript产生随机数方法汇总
Jan 25 Javascript
JS仿hao123导航页面图片轮播效果
Sep 01 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
canvas实现绘制吃豆鱼效果
Jan 12 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
Dec 20 Javascript
React Navigation 使用中遇到的问题小结
May 08 Javascript
javascript和php使用ajax通信传递JSON的实例
Aug 21 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
JS获取表格视图所选行号的ids过程解析
Feb 21 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
总集篇&特番节目先行播出!《SAO Alicization War of Underworld》第2季度TV动画4月25日放送!
2020/03/06 日漫
PHP Error与Logging函数的深入理解
2013/06/03 PHP
PHP中使用Imagick实现各种图片效果实例
2015/01/21 PHP
基于PHP技术开发客服工单系统
2016/01/06 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
laravel实现上传图片,并且制作缩略图,按照日期存放的代码
2019/10/16 PHP
PHP扩展安装方法步骤解析
2020/11/24 PHP
面向对象的javascript(笔记)
2009/10/06 Javascript
关于js类的定义
2011/06/28 Javascript
JavaScript模板入门介绍
2012/09/26 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
2014/06/30 Javascript
jquery右下角自动弹出可关闭的广告层
2015/05/08 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
2016/12/27 Javascript
深入理解AngularJS中的ng-bind-html指令
2017/03/27 Javascript
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
jQuery 实现图片的依次加载图片功能
2017/07/06 jQuery
关于js中的鼠标事件总结
2017/07/11 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
2020/08/13 Javascript
vue中使用vue-pdf的方法详解
2020/09/05 Javascript
python类中super()和__init__()的区别
2016/10/18 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
Python工程师面试必备25条知识点
2018/01/17 Python
python字符串分割及字符串的一些常规方法
2019/07/24 Python
Python使用get_text()方法从大段html中提取文本的实例
2019/08/27 Python
python 实现turtle画图并导出图片格式的文件
2019/12/07 Python
Python迭代器模块itertools使用原理解析
2019/12/11 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
Python3获取cookie常用三种方案
2020/10/05 Python
Python eval函数介绍及用法
2020/11/09 Python
在线实验室测试:HealthLabs.com
2020/05/03 全球购物
初婚初育证明范本
2015/06/18 职场文书
优秀团员主要事迹范文
2015/11/05 职场文书
python中mongodb包操作数据库
2022/04/19 Python