js实现深拷贝和浅拷贝

深拷贝和浅拷贝的区别

1，浅拷贝只是增加了一个指针指向已存在的内存地址，仅仅是指向被复制的内存地址，如果原地址发生改变，那么浅复制出来的对象也会相应的改变。浅拷贝创建了一个新对象，但该对象的属性仍然是对原始对象属性的引用。
2，深拷贝是指创建一个新的对象，该对象的值和原始对象完全相同，但是在内存中是独立存在的，对其中一个对象的修改不会影响到另一个对象。

通俗的来说，浅拷贝可以直接赋值并且更改原有数据后赋值的数据也会发生改变，深拷贝需要借助其他方式进行复制，并且不会随着原有指针改变而变化

浅拷贝

方法一：使用展开运算符（…）：展开运算符可以用于对象和数组的浅拷贝。

let arr = [1, 2, 3];
let newArr = [...arr];

方法二：使用 Object.assign() 方法：Object.assign() 方法可以将一个或多个源对象的属性复制到目标对象中。

let obj = { name: "John", age: 30 };
let newObj = Object.assign({}, obj);

方法三：使用 Array.slice() 方法：Array.slice() 方法用于从数组中创建一个新的浅拷贝数组。

let arr = [1, 2, 3];
let newArr = arr.slice();

拷贝方法只复制对象的一级属性

深拷贝

方法一：手动实现深拷贝：通过递归遍历对象及其属性，创建新的对象并复制其属性值。这需要考虑各种数据类型的情况，并确保所有嵌套属性都被正确地复制。这种方法比较繁琐，但可以自定义控制拷贝的行为。

方法二：使用 JSON 序列化和反序列化：利用 JSON.stringify() 将对象转换为 JSON 字符串，然后使用 JSON.parse() 将 JSON 字符串解析为新的对象。这种方法简单易用，但不适用于包含特殊数据类型（如函数、正则表达式、循环引用等）的对象。

let obj = { name: "John", age: 30, hobbies: ["reading", "painting"] };
// 使用 JSON 方法实现深拷贝
let newObj = JSON.parse(JSON.stringify(obj));
//ES6扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中

方法三：使用第三方库：许多第三方库（如 lodash、jQuery）提供了深拷贝的函数。这些库通常具有更强大的功能和更好的性能，可以处理各种边界情况。

javascript

// 使用 Lodash 的深拷贝函数 _.cloneDeep()
let newObj = _.cloneDeep(obj);