js中的賦值 淺拷貝和深拷貝詳細
阿新 • • 發佈:2021-09-29
目錄
- 1、記憶體
- 2、賦值
- 3、淺拷貝
- 4、深拷貝
前言:
在學習下面文章前我們簡單瞭解一下的記憶體的知識,以下先簡要提一下
1、js記憶體
js記憶體,或者說大部分語言的記憶體都分為棧和堆。基本資料型別的變數值分配在棧上,引用資料型別的變數值分配在堆上,棧中只是儲存具體堆中物件的地址。
2、賦值
對於基本資料型別,賦值操作是拷貝,即新舊變數不會相互影響。
var a = 1; var b = a; b = 2; console.log(b); // 2
對於引用資料型別,賦值操作只是在棧中新增一個指向堆中物件的變數,即複製引用地址。新舊變數之間會互相影響,即在新變數上改變物件值,舊變數對應值也會改變。
var a = { name: "mike" }; var b = a; b.name = "jack"; console.log(a); // {name: "jack"}
3、淺拷貝
對於基本資料型別和不具有巢狀物件的資料,均是拷貝操作,新舊變數之間不會相互影響。
var a = { name: "mike" }; var b = {}; b.name = a.name; b.name = "jack"; console.log(a) // {name: "mike"}
但是對於具有巢狀物件的資料,淺拷貝只拷貝第一層物件,深層次的值仍然是複製引用地址。
var a = { name: "mike",language: { first: "english",second: "chinese" } }; var b = {}; b.name = a.name; b.name = "jack"; b.language = a.language; b.language.first = "japanese" console.log(a) // { language : {first: "japanese",second: "chinese"}}
js實現淺拷貝,思想:遍歷targetwww.cppcns.com
的每個屬性,將起屬性名和值賦值給新變數。
如果你明白了賦值的含義,那麼在程式碼的第四行,當此時的target[key]
的值是物件的時候,通過賦值賦予新變數,本質上是複製引用資料型別在堆中的地址,就不www.cppcns.com難理解為什麼淺拷貝對於是否是巢狀物件的有不同結果了。
function shallowCopy(target) { let result = {}; for (const key in target) { result[key] = target[key]; } return result; }
4、深拷貝
深拷貝是完完全全的拷貝,新舊變數之間不會相互影響。
對於引數是否是物件有不同的處理方法,如果是物件,對於物件的每個屬性和值賦值然後遞迴處理; 否則直接返回。
function clone(target) {
if (typeof target === "object") {
//判斷是否是陣列
let result = Array.isArray(targewww.cppcns.comt)? [] : {};
for (const key in target) {
result[key] = clone(target[key]);
}
return result;
} else {
return target;
}
}
到此這篇關於js中的賦值 淺拷貝和深拷貝詳細的文章就介紹到這了,更多相關js中的賦值 淺拷貝和深拷貝內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!