js 复制对象的方法

2024年2月8日发(作者：)

js 复制对象的方法

### JavaScript 复制对象的不同方法

在JavaScript中，复制对象是一个常见的操作，尤其是在需要创建对象副本以避免修改原始数据时。下面我们将详细介绍几种在JavaScript中复制对象的方法。

#### 1.使用``

``是ES6中引入的方法，用于将所有可枚举的属性从一个或多个源对象复制到目标对象。

```javascript

let original = { a: 1, b: 2 };

let copy = ({}, original);

(copy); // 输出：{ a: 1, b: 2 }

```

注意：这种方法只能进行浅复制，如果对象中包含嵌套的对象，则仍然会共享引用。

#### 2.使用扩展运算符（Spread Operator）

扩展运算符`...`可以用于数组和对象，对于对象的复制，它也能实现浅复制。

```javascript

let original = { a: 1, b: 2 };

let copy = { ...original };

(copy); // 输出：{ a: 1, b: 2 }

```

和``一样，扩展运算符也只能实现浅复制。

#### 3.使用JSON方法

可以通过JSON的`stringify`和`parse`方法来实现对象的深复制。

```javascript

let original = { a: 1, b: { c: 3 } };

let copy = (ify(original));

(copy); // 输出：{ a: 1, b: { c: 3 } }

```

这种方法可以实现深复制，但有一些限制：

- 不支持循环引用的对象。

- 不能复制函数和`undefined`。

- 日期对象会被转换成字符串。

#### 4.使用递归来实现深复制

如果需要处理复杂的对象，如包含函数、循环引用等，可以写一个递归函数来实现深复制。

```javascript

function deepClone(obj) {

if (typeof obj !== "object" || obj === null) {

return obj; // 如果不是复杂数据类型，直接返回

}

let clone;

if (obj instanceof Array) {

clone = [];

for (let i = 0, len = ; i < len; i++) {

clone[i] = deepClone(obj[i]);

}

} else {

clone = {};

for (let key in obj) {

if (Property(key)) { // 确保不拷贝原型链上的属性

clone[key] = deepClone(obj[key]);

}

}

}

return clone;

}

let original = { a: 1, b: { c: 3 } };

let copy = deepClone(original);

(copy); // 输出：{ a: 1, b: { c: 3 } }

```

这种方法可以自定义复制的行为，例如处理特殊对象或循环引用。

总结：根据对象的结构和需求选择合适的复制方法，浅复制通常用于简单对象，而深复制适用于复杂的对象结构。