浅拷贝和深拷贝是编程中处理对象复制的两种方式。浅拷贝复制了对象的最外层，而深拷贝则递归地复制了对象的所有层级。
浅拷贝
JavaScript 中实现浅拷贝的方法有：
- 使用
Object.assign() - 通过展开运算符
... - 手动遍历对象属性并复制
// 使用 Object.assign()
const shallowCopy = Object.assign({}, originalObject);
// 使用展开运算符
const shallowCopy = { ...originalObject };
// 手动遍历
function shallowCopy(original) {
const copy = {};
for (let key in original) {
if (original.hasOwnProperty(key)) {
copy[key] = original[key];
}
}
return copy;
}深拷贝
JavaScript 中实现深拷贝的方法有：
- 使用
JSON.parse(JSON.stringify())（注意，这种方法不能处理含有循环引用的对象或者不是纯 JavaScript 对象的值） - 使用
lodash的cloneDeep方法 - 手动递归复制
// 使用 JSON.parse(JSON.stringify())
const deepCopy = JSON.parse(JSON.stringify(originalObject));
// 使用 lodash
const deepCopy = _.cloneDeep(originalObject);
// 手动递归
function deepCopy(original) {
if (original === null || typeof original !== 'object') {
return original;
}
const copy = Array.isArray(original) ? [] : {};
for (let key in original) {
if (original.hasOwnProperty(key)) {
copy[key] = deepCopy(original[key]);
}
}
return copy;
}注意
- 浅拷贝只复制最外层的属性，如果属性是对象或数组，则复制的是引用。
- 深拷贝会递归复制所有层级的属性，对于对象中的每个对象都会创建一个新的实例。
- 在实际应用中，根据对象的复杂性，可能需要更复杂的深拷贝实现，处理例如循环引用的情况。