当前位置：首页 > news >正文

深浅拷贝区别，怎么区别使用

news 来源：原创 2025/5/12 19:36:08

在 JavaScript 中，深拷贝（Deep Copy） 和 浅拷贝（Shallow Copy） 是两种不同的对象复制方式，它们的区别主要体现在对嵌套对象的处理上。以下是它们的详细对比及使用场景：

1. 浅拷贝（Shallow Copy）

定义：
- 浅拷贝只复制对象的第一层属性，如果属性是基本类型（如 string、number、boolean），则直接复制值；如果属性是引用类型（如 object、array），则复制引用（内存地址）。
- 浅拷贝后的对象和原对象共享嵌套的引用类型数据。

实现方式：

使用 Object.assign():

const obj = { a: 1, b: { c: 2 } };
const shallowCopy = Object.assign({}, obj);

使用扩展运算符（...）:

const obj = { a: 1, b: { c: 2 } };
const shallowCopy = { ...obj };

特点:
- 修改浅拷贝对象的第一层属性不会影响原对象。
- 修改浅拷贝对象的嵌套对象属性会影响原对象。

示例:

const obj = { a: 1, b: { c: 2 } };
const shallowCopy = { ...obj };

shallowCopy.a = 10; // 修改第一层属性
shallowCopy.b.c = 20; // 修改嵌套对象属性

console.log(obj); // { a: 1, b: { c: 20 } } （嵌套对象被修改）
console.log(shallowCopy); // { a: 10, b: { c: 20 } }

2. 深拷贝（Deep Copy）

定义：
- 深拷贝会递归复制对象的所有层级属性，包括嵌套的引用类型数据。
- 深拷贝后的对象和原对象完全独立，互不影响。
实现方式：
- 使用 JSON.parse(JSON.stringify()):
```
const obj = { a: 1, b: { c: 2 } };
const deepCopy = JSON.parse(JSON.stringify(obj));
```
  - 注意：这种方法无法复制函数、undefined、Symbol 等特殊类型。
- 使用递归函数或工具库（如 Lodash 的 _.cloneDeep）:
```
const _ = require('lodash');
const obj = { a: 1, b: { c: 2 } };
const deepCopy = _.cloneDeep(obj);
```
特点:
- 修改深拷贝对象的任何属性都不会影响原对象。
- 深拷贝会完全复制对象的所有层级数据。

示例:

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

deepCopy.a = 10; // 修改第一层属性
deepCopy.b.c = 20; // 修改嵌套对象属性

console.log(obj); // { a: 1, b: { c: 2 } } （原对象不受影响）
console.log(deepCopy); // { a: 10, b: { c: 20 } }

3. 浅拷贝和深拷贝的区别

特性	浅拷贝（Shallow Copy）	深拷贝（Deep Copy）
复制层级	只复制第一层属性	递归复制所有层级属性
嵌套对象	嵌套对象是引用（共享内存地址）	嵌套对象是独立的（不共享内存地址）
性能	性能较高	性能较低（递归复制）
实现方式	`Object.assign()`、扩展运算符	`JSON.parse(JSON.stringify())`、递归函数、工具库
适用场景	对象结构简单，无需复制嵌套对象	对象结构复杂，需要完全独立的对象

4. 如何选择使用浅拷贝和深拷贝

使用浅拷贝的场景:
- 对象结构简单，没有嵌套对象或数组。
- 只需要复制第一层属性，且不关心嵌套对象是否共享。
- 性能要求较高，且不需要完全独立的对象。
使用深拷贝的场景:
- 对象结构复杂，包含嵌套对象或数组。
- 需要完全独立的对象，修改拷贝对象不影响原对象。
- 不关心性能开销，且需要完整的复制。