Question

map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。

语法

var new_array = arr.map(function callback(currentValue[, index[, array]]) {
 // Return element for new_array 
}[, thisArg])

参数

callback

生成新数组元素的函数，使用三个参数：

• currentValue

  数组中正在处理的当前元素。

• index 可选

  数组中正在处理的当前元素的索引。

• array 可选

  map 方法调用的数组。

thisArg 可选

执行 callback 函数时值被用作 this 。

代码实现

/**
 * map() 方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。
 */
Array.prototype.myMap = function(callback, context) {
  const arr = this,res = []
  const len = arr.length || 0
  let index = 0
  while(index < len) {
    res.push(callback.call(context, arr[index], index))
    index ++
  }
  return res  // 与 forEach 不同的是 map 有返回值
}
const arr = [1,2,3]
let res1 = arr.map((item,index) => {
  return `k:${index}-v:${item}`
})
let res2 = arr.myMap((item,index) => {
  return `k:${index}-v:${item}`
})
console.log(res1) // [ 'k:0-v:1', 'k:1-v:2', 'k:2-v:3' ]
console.log(res2) // [ 'k:0-v:1', 'k:1-v:2', 'k:2-v:3' ]