我是靠谱客的博主 矮小羽毛,最近开发中收集的这篇文章主要介绍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
稍有修改,取其精髓。

最后

以上就是矮小羽毛为你收集整理的forEach和map返回新数组问题的全部内容,希望文章能够帮你解决forEach和map返回新数组问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(66)

评论列表共有 0 条评论

立即
投稿
返回
顶部