浅拷贝(Shallow Copy):
浅拷贝只复制对象的一层结构,如果对象内部包含引用类型(如数组、对象),则只复制引用而不复制引用指向的对象。
1. 使用展开运算符(Spread Operator):
const shallowCopy = (original) => ({ ...original });
// 示例
const originalObject = { a: 1, b: { c: 2 } };
const shallowCopiedObject = shallowCopy(originalObject);
console.log(shallowCopiedObject); // { a: 1, b: { c: 2 } }
console.log(originalObject.b === shallowCopiedObject.b); // true,引用相同
2. 使用Object.assign:
const shallowCopy = (original) => Object.assign({}, original);
// 示例
const originalObject = { a: 1, b: { c: 2 } };
const shallowCopiedObject = shallowCopy(originalObject);
console.log(shallowCopiedObject); // { a: 1, b: { c: 2 } }
console.log(originalObject.b === shallowCopiedObject.b); // true,引用相同
深拷贝(Deep Copy):
深拷贝会递归地复制对象及其嵌套结构,确保每个对象都是全新的。
1. 使用JSON.stringify和JSON.parse:
const deepCopy = (original) => JSON.parse(JSON.stringify(original));
// 示例
const originalObject = { a: 1, b: { c: 2 } };
const deepCopiedObject = deepCopy(originalObject);
console.log(deepCopiedObject); // { a: 1, b: { c: 2 } }
console.log(originalObject.b === deepCopiedObject.b); // false,引用不同
请注意,使用JSON.stringify和JSON.parse的方法有一些限制,例如不能处理循环引用、函数等特殊情况。
2. 使用递归:
const deepCopy = (original) => {
if (typeof original !== 'object' || original === null) {
return original;
}
const copiedObject = Array.isArray(original) ? [] : {};
for (const key in original) {
if (original.hasOwnProperty(key)) {
copiedObject[key] = deepCopy(original[key]);
}
}
return copiedObject;
};
// 示例
const originalObject = { a: 1, b: { c: 2 } };
const deepCopiedObject = deepCopy(originalObject);
console.log(deepCopiedObject); // { a: 1, b: { c: 2 } }
console.log(originalObject.b === deepCopiedObject.b); // false,引用不同