JS中几种常见遍历方法for,forEach,for in,for of,map

中断语句：

continue： 中断本次循环；

return和break直接跳出循环。

1、for循环

for (let i = 0; i < arr.length; ++i){.....}

2、forEach

arr.forEach((v, i) => { /* ... */ })

3、for in

for (let i in arr)

4、for of 

for (const v of arr)

使用for和for in，我们可以访问数组的下标，而不是实际的数组元素值:

for in 此方法遍历数组效率低，主要是用来循环遍历对象的属性。遍历键名

//for
for (let i = 0; i < arr.length; ++i) {

console.log(arr[i]);

}


//for in

​for (let i in arr) {

console.log(arr[i]);

}

使用for of，则可以直接访问数组的元素值：遍历键值。

for (const v of arr) {

console.log(v);

}

使用forEach()，则可以同时访问数组的下标与元素值：不能响应中断break、continue、return

arr.forEach((v, i) => console.log(v));

forEach()不能与 Async/Await 及 Generators 很好的"合作"。

map()返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

array.map(function(currentValue,index,arr), thisValue)

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。