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,引用不同
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

光影少年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值