js深拷贝和浅拷贝经典面试题都有方法可以实现

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

你可能感兴趣的:(javascript,开发语言,ecmascript)