JS 手写深拷贝

最新推荐文章于 2025-04-01 11:32:29 发布

onpine

最新推荐文章于 2025-04-01 11:32:29 发布

阅读量323

点赞数

分类专栏：笔记前端文章标签： js javascript node.js

本文链接：https://blog.youkuaiyun.com/weixin_43736435/article/details/116356519

版权

前端同时被 2 个专栏收录

30 篇文章

订阅专栏

笔记

23 篇文章

订阅专栏

本文主要探讨如何在JavaScript中实现深度拷贝，讲解了通过JSON.parse和JSON.stringify方法以及递归方式来创建对象的深拷贝，同时也提到了这种方法的局限性和注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var oldObj = {
  name: '范德彪',
  age: '43',
  designation: ['水库浪子','彪记靓汤总经理','彪哥解梦馆馆长'],
  relationship: {
    jiefu: '马大帅',
    girl: '桂英',
  }
}

function deepClone (obj) {
  if (typeof obj !== 'object' || obj == null){
    return obj;
  }
  let result;
  if (obj instanceof Array){
    result = [];
  } else {
    result = {};
  }
  for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
      result[key] = deepClone(obj[key]);
    }
  }
  return result;
}

var newObj = deepClone(oldObj);
newObj.age = 45;
newObj.designation[2] = "辽北精神分析研究所所长";
newObj.relationship.girl = "阿薇"
console.log('oldObj ',oldObj);
console.log('newObj ',newObj)