关于vue中JSON.parse(JSON.stringify(...))使用深拷贝问题

Posted zmand

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于vue中JSON.parse(JSON.stringify(...))使用深拷贝问题相关的知识,希望对你有一定的参考价值。

一般我们单独用JSON.parse()或JSON.stringify()

今天在学vue看到JSON.parse(JSON.stringify(...))的用法,这里研究一下;

首先分别说下他们的用法:

  JSON.parse()  是将字符串中的对象解析出来

例:  var str = "{‘name‘:‘huahua‘,‘age‘:‘22‘}";

    JSON.parse(str);

   var obj = {name:"hua",age: 26};

    JSON.stringify(obj);

拷贝一个字符串会新辟一个新的存储地址,这样就切断了引用对象的指针联系,所以先转成一个字符串,在解析出对象,这样就可以深拷贝一个对象

以上是关于关于vue中JSON.parse(JSON.stringify(...))使用深拷贝问题的主要内容,如果未能解决你的问题,请参考以下文章

引用对象深度赋值

深拷贝 浅拷贝问题

Json对象与Json字符串互转

原生js中的常用方法的写法

Vue基础之常用方法

Json对象与Json字符串互转(4种转换方式)