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,引用不同

相关推荐

  1. js拷贝拷贝经典面试方法可以实现

    2024-01-30 02:48:01       32 阅读
  2. 拷贝拷贝

    2024-01-30 02:48:01       10 阅读
  3. 拷贝拷贝

    2024-01-30 02:48:01       6 阅读
  4. 拷贝拷贝js的问题)

    2024-01-30 02:48:01       42 阅读
  5. js拷贝拷贝的区别

    2024-01-30 02:48:01       37 阅读
  6. js拷贝拷贝的区别

    2024-01-30 02:48:01       35 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-30 02:48:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-30 02:48:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-30 02:48:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-30 02:48:01       18 阅读

热门阅读

  1. 两个五层决策树和一个十层决策树的区别

    2024-01-30 02:48:01       25 阅读
  2. Python入门指北三

    2024-01-30 02:48:01       33 阅读
  3. Redisson延迟任务

    2024-01-30 02:48:01       34 阅读
  4. ChatGPT的工作原理

    2024-01-30 02:48:01       40 阅读
  5. 中兴设备show命令整合,赶紧收藏!

    2024-01-30 02:48:01       36 阅读