Javascript对象实现深拷贝的方法

最新推荐文章于 2024-02-01 14:43:28 发布

ling…

最新推荐文章于 2024-02-01 14:43:28 发布

阅读量305

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/chai_tian/article/details/123040828

版权

本文探讨了两种在JavaScript中复制对象的方法：使用扩展运算符进行浅拷贝，以及通过JSON.stringify和JSON.parse实现深拷贝。通过示例展示了这两种方式在对象属性修改后的不同效果，突显了深拷贝在保持原对象不变性方面的重要性。

摘要由CSDN通过智能技术生成

1.使用ES6的方法

var obj = {
    "name": 'Jack',
    "age": '32',
    "job": 'developer'

  };

  var obj2 = {...obj};
  obj.age = 39;
  obj.name = 'Tom';
  console.log(obj);
  console.log(obj2);

2.通过将引用类型转换为基本类型来实现

var obj = {
    "name": 'Jack',
    "age": '32',
    "job": 'developer'

  };

  let str = JSON.stringify(obj)
  var obj2 = JSON.parse(str);
  obj.age = 39;
  obj.name = 'Tom';
  console.log(obj);
  console.log(obj2);