vue物件深拷貝 vue 深拷貝學習

2021-10-13 14:46:15 字數 473 閱讀 2132

關於vue中json.parse(json.stringify(...))使用深拷貝問題

一般我們單獨用json.parse()或json.stringify()

今天在學vue看到json.parse(json.stringify(...))的用法,這裡研究一下;

首先分別說下他們的用法:

json.parse() 是將字串中的物件解析出來

例: var str ="";

json.parse(str);

var obj = ;

json.stringify(obj);

拷貝乙個字串會新闢乙個新的儲存位址,這樣就切斷了引用物件的指標聯絡,所以先轉成乙個字串,在解析出物件,這樣就可以深拷貝乙個物件,換句話說其實就是新開闢個區域,所指向的指標也隨之改變成新的指標。

如:this.vuedata = json.parse(json.stringify(this.editobj))

vue物件深拷貝 vue陷阱 深拷貝vs淺拷貝

案例重現 看下面的乙個例子 data this.info m this.info.attr1 8 console.log m 這是vue的部分 我們猜測m會輸出什麼,你會驚奇的發現m會和this.info繫結,也就是對this.info.attr1的修改,會導致m的值變化,控制台輸出的結果是 att...

Vue資料深拷貝方法

vue 專案 父元件向子元件傳遞資料,子元件採用el form 對資料進行繫結,因為資料繫結是雙向的,對資料 進行更改後,造成了其他依賴資料的元件顯示不正確的情況,所以考慮對資料進行深拷貝,方法如下 function judgetype obj if obj instanceof element r...

js 物件深拷貝 深拷貝與淺拷貝

前言 最近在複習一些面試的知識點,剛剛好複習到了這一部分,於是就寫下這篇文章記錄一下。一 值型別和引用型別 在學習深拷貝和淺拷貝之前,我們先來了解一下js的變數型別。值型別 vs 引用型別 值型別 值型別主要有 number,string,boolean,symbol,null,undefined ...