数组映射如何在不传递参数的情况下工作？

Question

const arr2 = arr.map(double)

如果没有我传递数组项，这是如何工作的？ 我需要将参数传递给函数 double：类似double(item)东西。

 let arr = [1, 2, 3, 4, 5] function double(x) { return x * 2 } const arr2 = arr.map(double) const arr3 = arr.map(item => double(item)) console.log("arr2= ", arr2) console.log("arr3= ", arr3)

输出：

arr2 = [2, 4, 6, 8, 10]

arr3 = [2, 4, 6, 8, 10]

Answer 1

请阅读地图文档。

map方法将 3 个参数传递给提供的回调：当前元素、索引和原始数组。

您将在文档中找到所有内容。

Answer 2

你可以通过阅读 polyfills 的代码来理解这样的事情。 简化示例：

Array.prototype.myMap = function(callbackFn) {
  const arr = [];
  for (let i = 0; i < this.length; i++) {
    // call the callback function for every value of this array
    // and push the returned value into our resulting array
    arr.push(callbackFn(this[i], i, this));
  }
  return arr;
}

在你的情况下：

// for arr2
callbackFn === function double(x) {
  return x * 2
}

// for arr3
callbackFn === (item) => double(item)

Answer 3

您将一个函数传递给 map 函数，因此基本上在arr3 map 函数中，您使用箭头语法创建了一个新的匿名函数，该函数激活了内部的 double 函数，但您没有给它实际发生在 map 函数中的项目

 let arr = [1, 2, 3, 4, 5] function double(x) { return x * 2 } const arr2 = arr.map(double) const arr3 = arr.map(item => double(item)) // This is a new function that you created console.log("arr2= ", arr2) console.log("arr3= ", arr3)