首页 > 文章列表 > JavaScript中:修改数组长度后,变量引用为何保持不变?

JavaScript中:修改数组长度后,变量引用为何保持不变?

364 2025-03-01

JavaScript中:修改数组长度后,变量引用为何保持不变?

JavaScript中:修改数组长度后,变量引用为何保持不变?

在JavaScript中,修改数组长度的行为并非简单的元素删除,而是会影响到数组的内部结构。让我们来深入探讨一下。

以下代码片段展示了一个常见的误区:

const a = [1, 2, 3];
const b = a[1]; // b引用a[1]的值
a.length = 0;   // 将数组a的长度设置为0
console.log(a); // 输出:[]
console.log(b); // 输出:2

问题: 为什么b仍然保持值为2,即使数组a已经被清空?

解答:

关键在于b是数组a中元素值的引用,而不是对数组a本身的引用。 a.length = 0; 并没有改变b所引用的内存位置的值。它只是修改了数组a的长度属性,导致数组中所有元素都被移除。然而,b仍然持有之前赋值的数值2,因为这个值在内存中仍然存在,直到被垃圾回收机制清理。

这与直接将a赋值为空数组不同:

a = []; // 创建一个新的空数组,并赋值给a

在这个例子中,a不再指向原来的数组,b的引用就失效了(可能导致错误,取决于运行环境)。

因此,a.length = 0 更像是对数组内容的“清空”操作,而非对数组本身的重新赋值。 变量b保持不变,是因为它仅仅持有数组元素的一个副本,而这个副本的值在数组长度修改后仍然存在。

来源:1740350188