关于vue中JSON.parse(JSON.stringify(...))使用深拷贝问题之引用指针联系

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

拷贝一个字符串会新辟一个新的存储地址，这样就切断了引用对象的指针联系，所以先转成一个字符串，在解析出对象，这样就可以深拷贝一个对象，换句话说其实就是新开辟个区域，所指向的指针也随之改变成新的指针。

如：

this.vueData = JSON.parse(JSON.stringify(this.editObj))