使用push你必须知道的小细节

最新推荐文章于 2021-12-03 17:33:37 发布

神圣光

最新推荐文章于 2021-12-03 17:33:37 发布

阅读量1.2w

点赞数

CC 4.0 BY-SA版权

分类专栏：前端学习文章标签：前端数组 push Array

本文链接：https://blog.youkuaiyun.com/weixin_41399785/article/details/80850170

16 篇文章

订阅专栏

本文通过实例演示了JavaScript中数组的push方法特性，特别是当推入的是对象引用时的行为表现，揭示了对象传递的本质。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

相信大家平时开发的过程中，经常需要对数组进行操作，说到对数组的操作，push还是出场率很高的。

今天本人在使用push的过程中，因为对这个方法的理解不够深，导致开发过程中出现了小小的困扰。这里先给大家举个例子：

var obj = {name: 'han'};
var arr = [];
arr.push(obj)
arr.push(obj)
arr.push(obj)
arr.push(obj)
obj.name = 'liu'

在这里，我们往一个空数组 arr 里面添加了三个对象，然后将 obj 对象进行了改动，你们猜数组的变化是怎么样的？有没有收到其影响？

既然都这么问了，想都不用想，肯定发生变化了呗，果然：

// 果然，控制返回的结果是：
[(4) [{…}, {…}, {…}, {…}]
{name: "liu"}
{name: "liu"}
{name: "liu"}
{name: "liu"}]

从这里看出了， push 进去的对象，相当于等于号 ‘=’ 的过程，对于对象，只是复制其指针地址，并不是真正意义上的复制，所以这里多个对象其实是指向同一个地址的。于是乎才产生这种情况。

在这里小小的分享了一些开发过程中的一些坑，和解决他们之后的收获，更多文章请转到此处点我哦！