Array.prototype.map()

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，注意如果 callback 是箭头函数无效

返回值

一个由原数组每个元素执行回调函数的结果组成的新数组。

示例

const numbers = [1, 4, 9];
const roots = numbers.map(Math.sqrt);

console.log(numbers); // [1, 4, 9]
console.log(roots); // [1, 2, 3]

手写实现

Array.prototype.myMap = function map(callback, thisArg) {
  // 首先判断传入的第一个参数是否为函数, 如果不是则抛出错误
  if (Object.prototype.toString.call(callback) !== '[object Function]') {
    throw '第一个参数必须是一个函数';
  }

  const array = this; // 拿到当前数组
  const result = []; // 定义一个空数组用作保存数据使用

  // 遍历, 调用传入的函数, 并将返回值保存在 result 中，注意这里将 this 指向改为 thisArg
  for (let i = 0; i < array.length; i++) {
    result.push(callback.call(thisArg, array[i], i, array));
  }

  return result;
};

const numbers = [1, 4, 9];
const roots = numbers.myMap(Math.sqrt);

console.log(numbers); // [1, 4, 9]
console.log(roots); // [1, 2, 3]