js遍历数组的几种方式

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