在JavaScript中，拷贝对象是一项常见的操作，对象拷贝可以用于创建对象的副本，避免对原始对象的意外修改，本文将详细介绍几种常用的JavaScript对象拷贝方法，并提供示例代码和解析。
1、使用对象字面量进行浅拷贝
对象字面量是一种简单的对象创建方式，可以通过字面量直接创建一个新的对象，通过将原始对象的属性赋值给新对象，可以实现浅拷贝。
示例代码：
const obj1 = { a: 1, b: 2, c: { d: 3 } };
const obj2 = { ...obj1 }; // 使用对象字面量进行浅拷贝
obj2.a = 4;
console.log(obj1); // 输出：{ a: 1, b: 2, c: { d: 3 } }
console.log(obj2); // 输出：{ a: 4, b: 2, c: { d: 3 } }
在上述示例中，我们使用了扩展运算符（…）来展开原始对象的属性，并创建了一个新的对象obj2，修改obj2的属性a并不会影响原始对象obj1。
2、使用Object.assign()进行浅拷贝
Object.assign()方法可以将一个或多个源对象的可枚举属性复制到目标对象中，如果目标对象中存在相同的属性，则会被源对象的属性覆盖。
示例代码：
const obj1 = { a: 1, b: 2, c: { d: 3 } };
const obj2 = Object.assign({}, obj1); // 使用Object.assign()进行浅拷贝
obj2.b = 4;
console.log(obj1); // 输出：{ a: 1, b: 2, c: { d: 3 } }
console.log(obj2); // 输出：{ a: 1, b: 4, c: { d: 3 } }
在上述示例中，我们使用Object.assign()方法将原始对象obj1的属性复制到新对象obj2中，修改obj2的属性b并不会影响原始对象obj1。
需要注意的是，以上两种方法都是浅拷贝，即只拷贝对象的第一层属性，如果对象的属性值是引用类型（如对象、数组），则拷贝的是引用地址，修改拷贝后的对象的属性值会影响到原始对象。
3、使用JSON.parse()和JSON.stringify()进行深拷贝
JSON.stringify()方法可以将JavaScript对象转换为JSON字符串，而JSON.parse()方法可以将JSON字符串解析为JavaScript对象，通过结合这两个方法，可以实现对象的深拷贝。
示例代码：
const obj1 = { a: 1, b: 2, c: { d: 3 } };
const obj2 = JSON.parse(JSON.stringify(obj1)); // 使用JSON.parse()和JSON.stringify()进行深拷贝
obj2.c.d = 4;
console.log(obj1); // 输出：{ a: 1, b: 2, c: { d: 3 } }
console.log(obj2); // 输出：{ a: 1, b: 2, c: { d: 4 } }
在上述示例中，我们使用JSON.stringify()方法将原始对象obj1转换为JSON字符串，然后使用JSON.parse()方法将JSON字符串解析为新对象obj2，修改obj2的嵌套属性c.d并不会影响原始对象obj1。
需要注意的是，JSON.parse()和JSON.stringify()方法虽然可以实现对象的深拷贝，但是有一些限制，它们不能处理循环引用、函数、正则表达式等特殊对象。
本文介绍了三种常用的JavaScript对象拷贝方法：使用对象字面量进行浅拷贝、使用Object.assign()进行浅拷贝和使用JSON.parse()与JSON.stringify()进行深拷贝，根据实际需求选择合适的方法进行对象拷贝，可以避免对原始对象的意外修改。
原创文章，作者：酷盾叔，如若转载，请注明出处：https://www.kdun.com/ask/308377.html
