正文

JavaScript中复制对象的方法有很多，以下是几种常见的复制对象的方式： 1. 浅拷贝（浅复制）： 使用展开运算符（...）或Object.assign()方法可以复制一个对象。 ```javascript let obj = { a: 1, b: { c: 2 } }; let shallowCopy1 = { ...obj };

/0 浏览量
0405

在JavaScript中，对象复制是一个常见且重要的操作。由于JavaScript中的对象是引用类型，直接赋值只会复制引用，而不是复制对象本身。因此，了解不同的复制方法对于开发者来说至关重要。以下是一些常见的对象复制方式，以及它们各自的优缺点。

1. 浅拷贝（浅复制）

浅拷贝只会复制对象的第一层属性，对于嵌套对象，它们仍然会指向原始对象的嵌套对象。以下两种方法是实现浅拷贝的常见方式：

使用展开运算符（…）

let obj = { a: 1, b: { c: 2 } };
let shallowCopy1 = { ...obj };

使用Object.assign()方法

let shallowCopy2 = Object.assign({}, obj);

这两种方法都适用于简单对象，但如果对象中包含嵌套对象，则嵌套对象不会被复制，而是引用原始对象。

2. 深拷贝（深复制）

深拷贝会复制对象的所有层级，包括嵌套对象。以下几种方法是实现深拷贝的常见方式：

使用JSON.parse(JSON.stringify(obj))方法

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

这种方法简单易用，但有几个限制：

  • 不能复制函数、undefined、Symbol等特殊类型。
  • 不能复制对象中的循环引用。

使用库函数

如果需要更强大的深拷贝功能，可以使用lodash等库中的cloneDeep方法。

const _ = require('lodash');
let obj = { a: 1, b: { c: 2 } };
let deepCopy = _.cloneDeep(obj);

手动实现深拷贝

手动实现深拷贝可以通过递归遍历对象的所有属性来实现。

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

手动实现深拷贝可以处理各种复杂情况，包括循环引用，但代码相对复杂。

总结

选择合适的对象复制方法取决于具体的应用场景。对于简单对象，浅拷贝可能就足够了。对于复杂对象，特别是包含嵌套对象的情况，深拷贝是必须的。在实际开发中，可以根据需求选择合适的方法，或者根据需要手动实现深拷贝。

-- 展开阅读全文 --