为什么 JavaScript 中 `console.log()` 似乎显示修改前已更改的数组值？

控制台输出修改前更改的数组值

在 JavaScript 中，变量通常通过引用传递，这意味着对之后的变量进行更改已分配给另一个变量将反映在这两个变量中。当使用 console.log() 显示变量的值时，经常会观察到这种行为。

例如，考虑以下代码：

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

在此示例中，变量 C被分配了对存储在变量 A 中的数组的引用。当执行 console.log(C) 时，它输出数组的当前值，即 [1, 2]。但是，如果稍后修改原始数组 A，则该值可能不是最新的。

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

在数组 A 上执行 sort() 方法时，其元素会就地排序。由于数组 C 保存对同一对象的引用，因此 console.log(C) 的输出仍为 [1, 2]。这是因为 console.log() 在执行时显示对象的当前值，而不是静态值。

为了避免这种意外行为并确保 console.log() 输出准确的值，您可以可以使用：

console.log(JSON.parse(JSON.stringify(C)));

或者，如 MDN 建议：

Object.assign({}, A)

以上是为什么 JavaScript 中 `console.log()` 似乎显示修改前已更改的数组值？的详细内容。更多信息请关注PHP中文网其他相关文章！