为什么这个映射函数不改变原始数组中的值？

Question

这是有问题的代码：

const array = [
  1, 2, 3
]

array.map(item => {
  item = item + 1
})

console.log(array)

我以为map方法中的item （第一个）参数是对数组中原始项目的引用，并且直接对其进行更改会更改该第一个数组的内容……不是吗？

Answer 1

map函数返回一个新数组，它不会更改原始数组。

item是这里的局部变量，在箭头函数 item => {...} 。 分配item = item + 1不会更改原始元素，而是会更改item局部变量。

如果您想更改元素，那么forEach函数会更有效，因为它不会创建新的数组：

array.forEach((item, index) => {
    array[index] = item + 1;
});

Answer 2

您的数组包含基本类型元素（此处为整数）。 基本类型的变量不能通过其引用进行突变。 例如，如果数组的元素是对象，则可以进行突变，如下所示：

 var array = [{val: 1}, {val: 2}, {val: 3}]; array.map(item => {item.val = item.val + 1}); console.log(array);

Answer 3

Mozilla说；

map（）方法创建一个新数组，并在调用数组中的每个元素上调用提供的函数。

因此，map函数不会使数组的值发生变化。

我知道您不想这样做，但是您可以使用以下命令：

 const array = [ 1, 2, 3 ] array.map((item, k) => { array[k] = item + 1 }) console.log(array)