Javascript对象实现深拷贝的方法

最新推荐文章于 2025-04-11 00:03:45 发布

原创最新推荐文章于 2025-04-11 00:03:45 发布 · 337 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

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

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);