为什么'console.log()”在应用更改之前显示更改的数组值？

Console.log() 过早地显示更改的数组值

在编程中，我们经常操作变量并将其值记录到控制台以跟踪变化。然而，在数组的情况下，我们会遇到意外的行为，console.log() 在进行更改之前就输出数组的修改值。

可以在以下代码片段中观察到这种现象：

var A = [2, 1];
var C = A;
console.log(C); // [1, 2]
A.sort();
console.log(C); // [1, 2]

在此示例中，我们有一个数组 A，其中两个元素被分配给另一个变量 C。当我们记录 C 时，它最初显示原始值 [1, 2]。然而，当我们在 A 上调用 sort() 方法时，我们看到 C 也显示了排序后的值 [1, 2]，即使更改已应用于 A。

理解行为

出现此行为是因为 console.log() 传递的是对该对象的引用而不是其值的副本。当您记录数组时，控制台会显示对内存中数组的引用，该引用会随着数组更改而更新。

为了说明这一点，请考虑以下修改后的代码：

var A = [2, 1];
var C = JSON.parse(JSON.stringify(A));
console.log(C); // [1, 2]
A.sort();
console.log(C); // [2, 1]

通过将数组 A 转换为 JSON 字符串，然后再转换回数组，我们在内存中创建了一个新对象。这意味着 C 现在拥有 A 原始值的副本。当我们对 A 进行排序时，C 保持不变，因为它是一个单独的对象。

MDN 的警告

这种行为在 Chrome 和 Firefox 等现代版本的浏览器中尤其重要：

MDN warns: ... at the moment you open the console.

这意味着控制台中显示的记录值可能不代表记录时对象的实际值。相反，它可能会显示控制台首次打开时的值，这可能会导致混乱。

结论

使用数组时，重要的是了解 console.log() 的引用传递行为。如果您想记录数组的实际值而不存在过早更改的风险，请考虑使用 JSON.parse() 和 JSON.stringify() 方法首先创建数组的深层副本。

以上是为什么'console.log()”在应用更改之前显示更改的数组值？的详细内容。更多信息请关注PHP中文网其他相关文章！