浅拷贝(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,引用不同