JavaScript赋值,浅复制和深复制的区别是什么

在JavaScript中，赋值、浅复制和深复制是处理对象和数组时常见的操作。它们之间的区别主要体现在对数据的复制方式和引用关系的处理上。理解这些概念对于避免意外的数据修改和确保程序的正确性至关重要。

1. 赋值

赋值是最简单的操作，它只是将一个变量指向另一个变量的引用。这意味着两个变量将共享同一个内存地址，修改其中一个变量的值会影响到另一个变量。

let obj1 = { a: 1, b: 2 };
let obj2 = obj1;

obj2.a = 3;

console.log(obj1); // { a: 3, b: 2 }
console.log(obj2); // { a: 3, b: 2 }

在这个例子中，obj1和obj2指向同一个对象，因此修改obj2的属性a也会影响到obj1。

2. 浅复制

浅复制会创建一个新的对象或数组，并将原始对象或数组的属性或元素复制到新对象中。然而，如果属性或元素是对象或数组，浅复制只会复制它们的引用，而不是创建新的对象或数组。

let obj1 = { a: 1, b: { c: 2 } };
let obj2 = Object.assign({}, obj1);

obj2.b.c = 3;

console.log(obj1); // { a: 1, b: { c: 3 } }
console.log(obj2); // { a: 1, b: { c: 3 } }

在这个例子中，obj2是obj1的浅复制。虽然obj2是一个新对象，但它的属性b仍然指向obj1中的b对象。因此，修改obj2.b.c会影响到obj1.b.c。

3. 深复制

深复制会创建一个新的对象或数组，并递归地复制所有嵌套的对象或数组。这意味着深复制会创建原始对象或数组的完全独立副本，修改副本不会影响到原始对象或数组。

let obj1 = { a: 1, b: { c: 2 } };
let obj2 = JSON.parse(JSON.stringify(obj1));

obj2.b.c = 3;

console.log(obj1); // { a: 1, b: { c: 2 } }
console.log(obj2); // { a: 1, b: { c: 3 } }

在这个例子中，obj2是obj1的深复制。obj2和obj1是完全独立的，修改obj2.b.c不会影响到obj1.b.c。

总结

• 赋值：两个变量共享同一个引用，修改一个会影响到另一个。
• 浅复制：创建一个新对象或数组，但嵌套的对象或数组仍然是共享的。
• 深复制：创建一个完全独立的新对象或数组，包括所有嵌套的对象或数组。

在实际开发中，选择哪种复制方式取决于具体的需求。如果只需要复制对象的顶层属性，浅复制可能就足够了。如果需要完全独立的副本，深复制是更好的选择。