笔试题：用reduce实现map——JavaScript

首先，先看看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]