定义
1.map
map() 方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。
想要获得新数组或是对新数组执行后续操作可以用map
语法:
array.map(callbackFn,thisValue)
callbackFn 函数会被自动传入三个参数:数组元素(currentValue),元素索引(index),原数组本身(array)。
如果 thisArg 参数提供给 map,则会被用作回调函数的 this 值。否则 undefined 会被用作回调函数的 this 值。this 的值最终相对于 callbackFn 函数的可观察性是依据确定函数绑定的 this 的常见规则决定的。
示例:
const numbers = [1, 4, 9];
const map1 = numbers.map((num) => Math.sqrt(num));//用箭头函数简写
// map1 现在是 [1, 2, 3]
// numbers 依旧是 [1, 4, 9]
提示:map方法必须要跟一个return返回值。
2.forEach
forEach() 方法对数组的每个元素执行一次给定的函数。
语法:(与map类似)
forEach(callbackFn, thisArg)
callbackFn 函数也会被自动传入三个参数:数组当前项的值(element),数组当前项的索引(index),数组对象本身(array)
thisArg
可选参数。当执行回调函数 callbackFn 时,用作 this 的值。
示例:
const arr = ['red', 'green', 'blue']
arr.forEach(function (item, index) {
console.log(item)
console.log(index)
})
区别
首先,两者都可以获取数组中的值,并对其做相应处理,但map为迭代数组,返回处理之后的新数组,当你想要获得新数组时使用,而forEach则是遍历数组,不返回数组,经常用于查找遍历元素。