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