JSON.stringify 和JSON.parse一起使用实现深拷贝

最新推荐文章于 2024-09-10 11:56:39 发布

奋斗吧程序媛

最新推荐文章于 2024-09-10 11:56:39 发布

阅读量115

点赞数 3

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_67841039/article/details/138970616

版权

利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象，进行对象深拷贝

// 深拷贝数组
var arr = [1, 2, 3];
let brr = JSON.parse(JSON.stringify(arr));
brr[0] = 4;
console.log(arr, brr); //[1,2,3]  [4,2,3]
// 深拷贝对象
var obj1 = {
  name: '张三',
  age: '13',
  hobby: {
    sports: 'swimming',
    food: 'chicken ',
  },
};
let obj2 = JSON.parse(JSON.stringify(obj1));
obj2.age = '18';
obj2.hobby.food = 'beef';
console.log(obj1, obj2);
//{name: '张三', age: '13', hobby: {sports: 'swimming', food: 'chicken '}
//{ age: "18",hobby: {sports: 'swimming', food: 'beef'},name: "张三"}