forEach和map返回新数组问题

以前查 forEach 和 map 的区别时, 总能看到这样一句话:

forEach() 方法不会返回执行结果, 而是 undefined. 也就是说, forEach() 会修改原来的数组. 而 map() 方法会得到一个新的数组并返回.

我的理解就是使用 forEach 遍历一个数组, 修改 item 的值, 就会改变原数组, 但最近发现并不一定会改变, 所以就做了一些测试

测试一：

可以看到这样是可以修改原数组的值的

那试试 map 吧

咦? arr 这个原数组的值为什么也改变了呢?

在网上搜了一下, 原来是上面的 map 方法不够 “纯粹”, 实际上还是直接修改了每个 item 的属性, 要想不影响原有对象, 应该这么写:

这样就不影响原数组了

测试二

上面的测试都是修改原数组中某一个对象的某一个属性, 那如果直接修改数组的某一个对象呢?


发现原数组并没有改变

那 map 呢?


发现原数组也没有改变

原理

不论是 forEach 还是 map, 所传入的 item 都是原数组所对应的对象的地址值,
当你修改 item 某一个属性后, 指向这个 item 对应的地址值的所有对象都会改变, 就会出现测试一的结果;
但如果你直接将 item 重新赋值, 那 item 就和原数组所对应的对象没有关系了, 不论你如何修改 item, 都不会影响原数组了

上面所说的都是数组中的每个值都是对象的情况, 也可以试试值不是对象的数组, 比如基本类型, 那这样是无论如何也不会修改原数组了, 因为基本类型并没有地址值这一说, 只是将值赋给 item, 他们之间并没有关联关系

扩展

可以这样理解，你在做赋值操作时，赋予的是指向到该值的指针。你在forEach一个对象数组后修改对象的值观察到原始数组的值也跟着变了，是因为数组指向的对象没有变，你只是修改了该对象。

那为什么数组成员是基本类型如字符串时，修改字符串原始数组值不会变呢?

那是因为字符串是在堆上创建的常量，你修改了字符串，堆上会创建一个新的地址，并将数组成员的指针指向该地址。所以原始对象的值是不会有变化的。

map修改对象数组的原理也一样

文章转载于：https://zhuanlan.zhihu.com/p/268685817
稍有修改，取其精髓。