Javascript数组中的按值传递

我不是女神ヾ 2022-07-11 15:57 287阅读 0赞

var a = \[1,2,3,4,5,6\];  
var b = a;  
a = \[“你”,”我”,”他”\];  
alert(b); //\[1,2,3,4,5,6\]  
当被朋友问到b显示的值是什么时？这样一个问题，当时直接的理解，数组是引用类型，应该是传递的是引用值，so b也是\[“你”,”我”,”他”\]，于是错了。js数组传递是跟基本类型一样创建副本吗？

于是，我又做了如下测试：

var a = \[1,2,3,4,5,6\];  
var b = a;  
a.length–;  
alert(b); // \[1,2,3,4,5\];

这样好像又是引用传递了？ 晕了！！！

后面反复思考推敲，原理如下：  
a = \[“你”,”我”,”他”\];//改变的是a引用本身，没有改变数组对象  
a.length–;//改变的是数组对象，a引用没有改变  
b = a;//该操作后，b直接指向数组对象，不是b指向a，a再指向数组。  
//所以改变a引用并不会对b引用造成影响，改变数组对象可以。

图示：

![这里写图片描述][SouthEast]  
![这里写图片描述][SouthEast 1]

例如：

1.var a = \[1,2,3,4,5,6\];

2.var b = a;

3.a = \[“你”,”我”,”他”\];

4.console.log(b);

此时b为多少呢？

b = \[1,2,3,4,5,6\];

为什么此处a的改变不会是b发生变化？关键问题是第3行语句的理解。

首先第一行，a引用数组\[1,2,3,4,5,6\]，不妨先假设数组\[1,2,3,4,5,6\]地址为A或0x1001（内存随机分配的）;  
第二行，var b = a;应理解为，b引用了a当前的指向地址，即b指向地址A，即数组\[1,2,3,4,5,6\]。  
第三行，a = \[“你”,”我”,”他”\];为修改a的指向地址，使a指向数组 \[“你”,”我”,”他”\]，不妨设其地址为B或0x1009。  
所以，最终结果为，b指向地址A，数组\[1,2,3,4,5,6\]，a指向地址B，数组 \[“你”,”我”,”他”\];  
其实，只要理解清楚，对数组变量的操作，实质为修改数组本身数据，还是修改变量的地址，则将一目了然。

举个例子：

arr = \[1,2,3,4\];

arr.pop();//此处操作为修改arr指向的数组本身。结果为arr = \[1,2,3\];

//a.pop(); <=> a.length–;

//pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。

newArr = arr;//此处操作为赋予newArr指向arr所指向的地址，即数组\[1,2,3\]。

arr = \[4,5,6\];//此处操作为使arr指向新数组\[4,5,6\]，arr指向新数组地址。

console.log(arr);//此处arr = \[4,5,6\]

console.log(newArr);//newArr = \[1,2,3\];

最后，一言以蔽之，关于数组变量的操作，应关注变量所指向地址的数组，以及操作所修改的为哪个地址的数组。

[SouthEast]: /images/20220711/731b191858a7475aa44b55b8d5203134.png
[SouthEast 1]: /images/20220711/146f5d49f36d423c85dc3cf8dd2f8def.png