javascript中的对象是深拷贝还是浅拷贝推入数组？

Question

非常不言而喻的问题...当在 javascript 中的数组上使用 .push() 时，推入数组的对象是指针（浅）还是实际对象（深）无论类型如何。

Answer 1

这取决于你要推动什么。对象和数组作为指向原始对象的指针被推送。数字或布尔值等内置基元类型将作为副本推送。因此，由于对象不会以任何方式复制，因此它们没有深复制或浅复制。

这是一个显示它的工作片段：

var array = [];
var x = 4;
let y = {name: "test", type: "data", data: "2-27-2009"};

// primitive value pushes a copy of the value 4
array.push(x);                // push value of 4
x = 5;                        // change x to 5
console.log(array[0]);        // array still contains 4 because it's a copy

// object reference pushes a reference
array.push(y);                // put object y reference into the array
y.name = "foo";               // change y.name property
console.log(array[1].name);   // logs changed value "foo" because it's a reference    

// object reference pushes a reference but object can still be referred to even though original variable is no longer within scope
if (true) {
    let z = {name: "test", type: "data", data: "2-28-2019"};
    array.push(z);
}

console.log(array[2].name);   // log shows value "test" since the pointer reference via the array is still within scope

Answer 2

jfriend00 在这里是正确的，但有一点需要澄清：这并不意味着您不能更改变量所指向的内容。也就是说，y 最初引用了放入数组中的某个变量，但随后您可以获取名为 y 的变量，将其与现在数组中的对象断开连接，并连接y（即使其引用）完全不同的东西而不更改现在仅由数组引用的对象< /em>.

http://jsfiddle.net/rufwork/5cNQr/6/

var array = [];
var x = 4;
var y = {name: "test", type: "data", data: "2-27-2009"};

// 1.) pushes a copy
array.push(x);
x = 5;
document.write(array[0] + "<br>");    // alerts 4 because it's a copy

// 2.) pushes a reference
array.push(y);
y.name = "foo";

// 3.) Disconnects y and points it at a new object
y = {}; 
y.name = 'bar';
document.write(array[1].name + ' :: ' + y.name + "<br>");   
// alerts "foo :: bar" because y was a reference, but then 
// the reference was moved to a new object while the 
// reference in the array stayed the same (referencing the 
// original object)

// 4.) Uses y's original reference, stored in the array,
// to access the old object.
array[1].name = 'foobar';
document.write(array[1].name + "<br>");
// alerts "foobar" because you used the array to point to 
// the object that was initially in y.

Answer 3

JavaScript：在 2023 年创建对象的深层副本

不要在 JavaScript 中使用 Object.assign() 来复制或克隆对象！它会创建对象的浅表副本，并会将深层对象分配给副本中的引用指针！

您有两个选择。

使用旧的、更可靠的 JSON 技巧：

const obj1 = JSON.parse(JSON.stringify(YourObject));

或者尝试新的 &改进的 structuralClone() 方法。 警告：这仅适用于自2022以来更新了常绿浏览器的用户！不支持 Internet Explorer 或 Edge Trident 浏览器！

const obj2 = structuredClone(YourObject);