二者都是用来遍历数组的每一项,二者都不会通过处理遍历项 直接改变原数组
1. forEach
没有返回值,三个参数(数组项,下标,索引数组)
可以通过改变 索引数组 或者 原数组 来更改数组,索引数组就是原数组的地址,可以通过改变它去改变原数组
var arr = [1,2,3,4,5]
arr.forEach((item, index, tempArr) => {
tempArr[index] = item*10 // 等同于 arr[index] = item*10
})
console.log(arr) // Array(5) [ 10, 20, 30, 40, 50 ]
2. map
返回一个新数组,是回调函数返回值的集合。
参数与 forEach 相同
var arr = [1,2,3,4,5]
let newArr = arr.map((item, index, tempArr) => {
return item*10 // 返回值会组成一个新数组
})
console.log(newArr) // Array(5) [ 10, 20, 30, 40, 50 ]
你也可以通过改变原数组的每一项 或者 索引数组 来更改原数组
注意
在 forEach
和 map
中,二者都不可以使用 break 和 continue 来跳过或者结束循环。
但是可以使用 return 来跳过当前循环
var arr = [1,2,3,4,5]
let newArr = arr.map((item, index, tempArr) => {
if (index == 3) {
return
} else {
return item*10
}
})
newArr //Array(5) [ 10, 20, 30, undefined, 50 ]
上面使用了 map
循环, forEach
同样也可以使用此方法
你还可以通过加上 filter
方法来去除数组空位或者未定义的数组项,非常实用
var arr = [1,2,3,4,5]
let newArr = arr.map((item, index, tempArr) => {
if (index == 3) {
return
} else {
return item*10
}
}).filter(item => item)
newArr // Array(4) [ 10, 20, 30, 50 ]