1. for 循环

最基本的循环方式，可以return终止

let dataArray = ['obj','string','number']
for(let i = 0 ; i< dataArray.length ; i++){console.log('索引值：' + i + '\n value值：' + dataArray[i]);
}

2. for in

遍历数组索引值、对象属性，不能break跳出循环

let arr = ['obj','string','number'];
for(let item in arr){console.log(item); //item指的是索引值。
}
//输出 '0' '1' '2'

3. for of

ES6新增的循环方法。它可以正确响应break、continue和return终止。for-of支持数组，还支持类数组对象，遍历的是对象的value值。

let arr = ['obj','string','number'];
for(let item of arr){console.log(item); //item指的是数组每一项。
}
//输出 'obj' 'string' 'number'

4. forEach

不能用break跳出循环。遍历对象需结合Object.keys()，没有 return 返回值。IE不兼容

let dataArray = ['obj','string','number'];
dataArray.forEach(function (value, index) {console.log(value,index);
});
// 输出结果 'obj',1  'string',2  'number',3

5. map （推荐）

将原有的数组映射成一个新数组，不操作原数组或对象，返回新数组。map支持return；

let dataArray = ['obj','string','number'];
dataArray.map(function(value,index){//value每一项，index索引console.log(value,index);
});
// 'obj',0  'string',1  'number',2

js遍历数组的几种方式相关推荐

PHP遍历数组的6种方式总结
数组的遍历是PHP一个常见的编程任务,而数组又分为一维数组.二维数组和多维数组,下面这篇文章主要给大家介绍了关于PHP遍历数组的6种方式,文中通过示例代码介绍的非常详细,需要的朋友可以参考下目录 1 ...
JS中遍历数组的两种方式
方式一 for循环 //遍历arr,获取arr中Person对象for(var i=0 ; i<arr.length ; i++){var p = arr[i];//判断Person对象的age ...
js中遍历数组的6种方式
1.原生js中for循环 var arr=[1,2,3,4,5];for(var i=0;i<arr.length;i++){console.log(arr[i]) //打印每一个数组元素} 2 ...
JS中循环遍历数组的四种方式总结
1.for 循环: for (let index=0; index < someArray.length; index++) {const elem = someArray[index];// ...
JS遍历数组的几种方法
1.普遍的遍历方式 for(var i= 0;i<arr.length;i++){console.log("第一种遍历方式:"+arr[i]); } 2.for-in两个形参 ...
PHP遍历数组有6种方式
在PHP的日常操作中,数组是最常出现的结构,下面给大家列了6种方式. 1.foreach 几乎phper都会用这种方式去遍历数组了.例子也不需要多讲了 $arr = ['a', 'b', 'c'];f ...
【有趣的实验】JAVA 遍历数组的几种方式的耗时对比
一.前言出于对遍历方式的耗时想法,是普通for循环.fori.foreach.迭代器 iterator.还是steam流的形式哪种耗时更少呢? 首先添加一个List 集合,这边采用ArraryLis ...
java遍历数组的三种方式
for循环遍历用for循环遍历数组是很常见的一种方法,Java语言中通过数组的length属性可获得数组的长度. package demo; publicclasstest{ public stat ...
html js 遍历数组,分享几种原生JS数组遍历的方法和应用
数组遍历,对于前后端开发人员,是必须掌握的方法,那么数组遍历有哪些方法呢? OK,今天就分享几种原生JS方法,从原生开始学习,有助于大家应用到各种框架[小程序.三大框架等]中去,毕竟原生才是基本.一共 ...

js遍历数组的几种方式