首先,先看看map和reduce的完整用法:
arr.reduce((previousValue, currentValue, currentIndex, array) => {}, initialValue?)
reduce 接收两个参数,第一个参数为函数,指定了每次迭代调用的函数,函数的返回值为下一次迭代的 previousValue;第二个参数为初始值,是可选的。
若不指定初始值,那么第一次迭代的 previousValue 为 ar[[0], currentValue 为 arr[1], currentIndex 为 1,
若指定初始值,那么第一次迭代的 previousValue 为 initialValue, currentValue为 arr[0], currentIndex 为0.
var new_array = arr.map(function callback(currentValue[, index[, array]]) { // Return element for new_array }[, thisArg])
其中第二个参数为 thisArg, 可选的,表示执行callback时的this。
注意,如果callback为箭头函数时,里面的this指向外层代码块,(非严格模式下为window),此时指定 thisArg 无效。
实现
/**
* 用数组的reduce方法实现数组的map
*/
Array.prototype._map = function(fn, thisArg) {
const result = [];
this.reduce((prev, curr, index, array) => {
result[index] = fn.call(thisArg, array[index], index, array);
}, 0)
return result;
}
// 使用reduce将数组的每个元素+索引值
const arr = [1,2,3,4,5]
const arr2 = [6,7,8]
const _mapArr = arr._map(function(v, i){
return v+i+this.length;
}, arr2)
console.log(_mapArr);
// [4, 6, 8, 10, 12]