js怎么拷贝对象

JS拷贝对象的几种方法包括：浅拷贝、深拷贝、使用Object.assign()、使用扩展运算符、JSON序列化和反序列化。其中，浅拷贝和深拷贝是最基本的两种类型，使用Object.assign()和扩展运算符是常用的浅拷贝方法，而JSON序列化和反序列化则是实现深拷贝的一种有效手段。

详细描述：浅拷贝是指将对象的属性值直接复制到新对象中，但如果属性值是引用类型（如对象或数组），则只复制引用地址，原对象和新对象共享同一块内存。这意味着修改引用类型的属性值会影响到原对象。而深拷贝则是将对象的所有属性及其引用类型的属性值都完整复制到新对象中，两者完全独立互不干扰。

一、浅拷贝与深拷贝

1、浅拷贝

浅拷贝是指将对象的属性值直接复制到新对象中，但如果属性值是引用类型（如对象或数组），则只复制引用地址，原对象和新对象共享同一块内存。常见的浅拷贝方法包括以下几种：

使用Object.assign()

const original = { a: 1, b: { c: 2 } };
const copy = Object.assign({}, original);
console.log(copy); // { a: 1, b: { c: 2 } }

使用扩展运算符（…）

const original = { a: 1, b: { c: 2 } };
const copy = { ...original };
console.log(copy); // { a: 1, b: { c: 2 } }

2、深拷贝

深拷贝是将对象的所有属性及其引用类型的属性值都完整复制到新对象中，两者完全独立互不干扰。以下是实现深拷贝的一些方法：

使用JSON序列化和反序列化

const original = { a: 1, b: { c: 2 } };
const copy = JSON.parse(JSON.stringify(original));
console.log(copy); // { a: 1, b: { c: 2 } }

这种方法的局限性在于它不能处理函数、undefined、Infinity、NaN等特殊值，如果对象包含这些值，使用这种方法会导致信息丢失。

递归方法

function deepCopy(obj) {
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }
  const copy = Array.isArray(obj) ? [] : {};
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      copy[key] = deepCopy(obj[key]);
    }
  }
  return copy;
}
const original = { a: 1, b: { c: 2 } };
const copy = deepCopy(original);
console.log(copy); // { a: 1, b: { c: 2 } }

二、使用Object.assign()进行拷贝

Object.assign()方法是ES6引入的一个常用浅拷贝方法，它可以将一个或多个源对象的所有可枚举属性复制到目标对象中。其基本语法如下：

Object.assign(target, ...sources)

示例

const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };
const copy = Object.assign(target, source1, source2);
console.log(copy); // { a: 1, b: 2, c: 3 }

需要注意的是，Object.assign()方法只会进行浅拷贝，源对象中的引用类型属性仍然会共享内存地址。

三、使用扩展运算符进行拷贝

扩展运算符（…）是ES6引入的一种语法糖，可以用于浅拷贝对象。其基本语法如下：

const copy = { ...original };

示例

const original = { a: 1, b: { c: 2 } };
const copy = { ...original };
console.log(copy); // { a: 1, b: { c: 2 } }

扩展运算符同样只会进行浅拷贝，对于引用类型的属性值，仍然会共享内存地址。

四、使用JSON序列化和反序列化进行深拷贝

JSON序列化和反序列化是一种简单有效的深拷贝方法，适用于不包含函数、undefined、Infinity、NaN等特殊值的对象。其基本语法如下：

const copy = JSON.parse(JSON.stringify(original));

示例

const original = { a: 1, b: { c: 2 } };
const copy = JSON.parse(JSON.stringify(original));
console.log(copy); // { a: 1, b: { c: 2 } }

五、递归方法实现深拷贝

递归方法是实现深拷贝的通用方法，适用于所有类型的对象。其基本思路是遍历对象的所有属性，对于每个属性进行递归拷贝。以下是一个简单的递归实现：

function deepCopy(obj) {
  if (obj === null || typeof obj !== 'object') {
    return obj;
  }
  const copy = Array.isArray(obj) ? [] : {};
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      copy[key] = deepCopy(obj[key]);
    }
  }
  return copy;
}
const original = { a: 1, b: { c: 2 } };
const copy = deepCopy(original);
console.log(copy); // { a: 1, b: { c: 2 } }

这种方法可以处理所有类型的对象，包括嵌套对象和数组，但需要注意的是，对于循环引用的对象，递归方法会导致栈溢出错误。

六、性能和使用场景分析

在实际开发中，选择何种拷贝方法需要根据具体场景和性能要求进行权衡。

浅拷贝适用于：对象层级较浅、无需完全独立的副本的场景。使用Object.assign()或扩展运算符可以简洁、高效地实现浅拷贝。
深拷贝适用于：对象层级较深、需要完全独立副本的场景。使用JSON序列化和反序列化方法简单易用，但有局限性；递归方法通用性强，但性能开销较大。

对于复杂的项目管理需求，推荐使用研发项目管理系统PingCode和通用项目协作软件Worktile。这两款工具可以帮助团队高效管理项目任务和协作，提高开发效率。

七、总结

JavaScript中拷贝对象的方法多种多样，每种方法都有其适用场景和局限性。浅拷贝适用于对象层级较浅的场景，常用方法有Object.assign()和扩展运算符。深拷贝适用于对象层级较深、需要完全独立副本的场景，常用方法有JSON序列化和反序列化、递归方法。开发者应根据具体需求选择合适的拷贝方法，确保代码的正确性和性能。