JavaScript 中的深拷贝与浅拷贝
在 JavaScript 中，对象和数组是引用类型数据。当你将一个对象或数组赋值给另一个变量时，实际上只是复制了该对象或数组的引用，而不是创建一个新的独立副本。这意味着对新变量所做的更改会影响原始对象或数组。为了防止这种情况，我们需要使用深拷贝或浅拷贝来创建新的副本。
浅拷贝（Shallow Copy）
浅拷贝只复制对象的第一层属性，而不会递归地复制嵌套的对象或数组。如果源对象中包含其他对象或数组，则这些内部结构仍然共享相同的引用。修改嵌套对象或数组中的内容会影响到原始对象。
以下是几种实现浅拷贝的方法：
1. 使用扩展运算符（Spread Operator）
扩展运算符可以用于数组或对象，以创建它们的浅拷贝：
const original = { a: 1, b: { c: 2 } };
const shallowCopy = { ...original };
2. 使用 Object.assign()
Object.assign() 方法也可以用来进行浅拷贝：
const original = { a: 1, b: { c: 2 } };
const shallowCopy = Object.assign({}, original);
3. Array.prototype.slice()
对于数组，可以使用 slice() 方法来进行浅拷贝：
const originalArray = [1, 2, [3, 4]];
const shallowCopyArray = originalArray.slice();
需要注意的是，以上方法都只适用于第一层属性的复制，嵌套的对象或数组仍然是引用类型的。
深拷贝（Deep Copy）
深拷贝不仅复制对象的第一层属性，还会递归地复制所有嵌套的对象或数组。通过深拷贝，你可以确保新对象与原始对象完全独立，任何修改都不会影响到对方。
以下是几种实现深拷贝的方法：
1. JSON.parse 和 JSON.stringify
最简单的深拷贝方法是使用 JSON.parse(JSON.stringify())：
const original = { a: 1, b: { c: 2 } };
const deepCopy = JSON.parse(JSON.stringify(original));
这种方法虽然简单，但它有一些局限性：它无法处理函数、循环引用、特殊对象（如日期、正则表达式等），并且会丢失对象的原型链信息。
2. 使用第三方库
为了避免上述问题，通常建议使用成熟的第三方库，如 Lodash 的 _.cloneDeep() 方法：
const _ = require('lodash');
const original = { a: 1, b: { c: 2 } };
const deepCopy = _.cloneDeep(original);
3. 自定义深拷贝函数
如果你不想依赖外部库，也可以编写自己的深拷贝函数。下面是一个简单的示例：
function deepClone(obj) {
if (typeof obj !== 'object' || obj === null) return obj;
if (obj instanceof Date) return new Date(obj);
if (obj instanceof RegExp) return new RegExp(obj);
const copy = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
copy[key] = deepClone(obj[key]);
}
}
return copy;
}
这个函数能够处理基本的数据类型、对象、数组、日期和正则表达式，并且可以递归地处理嵌套结构。
浅拷贝和深拷贝在 JavaScript 中有不同的应用场景。浅拷贝适用于只需要复制第一层属性的情况，而深拷贝则用于确保完全独立的副本，尤其是在处理复杂嵌套结构时。根据具体需求选择合适的方法，可以帮助你更好地管理和操作数据。
“`
本文由阿里云优惠网发布。发布者：编辑员。禁止采集与转载行为，违者必究。出处：https://aliyunyh.com/209415.html
其原创性以及文中表达的观点和判断不代表本网站。如有问题，请联系客服处理。
