js深拷贝和浅拷贝?

在JavaScript中，如果你想将一个对象复制到另一个对象而不影响原对象，可以使用几种不同的方法来实现深拷贝或浅拷贝。这里主要介绍两种常见的方式：浅拷贝和深拷贝。

浅拷贝

浅拷贝只复制对象的第一层属性，如果对象的属性值是基本数据类型（如number, string, boolean等），那么修改副本不会影响原对象。但如果属性值是对象或数组，那么副本和原对象会共享这些引用，修改这些嵌套对象会影响到原对象。

使用Object.assign()方法或者扩展运算符（...）可以进行浅拷贝：

// 使用 Object.assign()
let obj1 = {a: 1, b: {c: 2}};
let obj2 = Object.assign({}, obj1);

// 或者使用扩展运算符
let obj3 = {...obj1};

深拷贝

深拷贝会递归地复制对象的所有层级，这意味着即使是嵌套的对象或数组也会被复制，而不是与原对象共享引用。因此，对拷贝后的对象所做的任何更改都不会影响原始对象。

有多种方法可以实现深拷贝，下面是一些常用的方法：

使用JSON序列化/反序列化

这是一种简单的方法，但需要注意的是，这种方法不能处理函数、undefined值以及Symbol类型的属性。

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

使用结构化克隆算法（Structured Clone Algorithm）

现代浏览器支持通过structuredClone()函数来进行深拷贝，它能够处理更多的数据类型，包括循环引用、Map、Set等。

let obj1 = {a: 1, b: {c: 2}};
let deepCopy = structuredClone(obj1);

注意：structuredClone()是在较新的JavaScript版本中引入的（大约2022年左右），确保你的运行环境支持这个方法。

使用第三方库

如果你需要更复杂的深拷贝功能，考虑使用像Lodash这样的库，它提供了强大的_.cloneDeep方法。

首先需要安装Lodash：

npm install lodash

然后你可以这样使用：

const _ = require('lodash');

let obj1 = {a: 1, b: {c: 2}};
let deepCopy = _.cloneDeep(obj1);

选择哪种方法取决于你的具体需求以及你所处的环境限制。对于大多数简单的对象复制任务，JSON.parse(JSON.stringify())已经足够；但对于更复杂的情况，可能需要使用structuredClone()或Lodash提供的工具函数。