今天和一個朋友討論到JavaScript中一些引用資料類型的複製問題,由於引用資料類型是傳址複製,如果想達到真正的“複製”效果(即修改一個 變數的值不會影響另一個的值),就不能使用像 var b = a; 這樣的語句,對於參考型別來說,這樣複製的結果就是當a的值發生變化時,b也會發生同樣的變化,因為這時a真正的值只是對一個地址的引用,b複製到的也只 是這個相同地址的引用而已,於是當a和b其中一個被修改之後,另一個也隨之改變,有些時候這並不是我們想要的。
這樣的問題遇到最多的就是在處理數組和json對象時。對於數組,我們有很方便的內建方法可以使用:
var arrayA = [1,2]; var arrayB = arrayA.concat(); arrayA[0] = [2]; //數組arrayA 被修改之後,arrayB依然維持之前拷貝的值 console.log(arrayA); console.log(arrayB);
上面的代碼中,核心只有一個方法: concat,對於數組而言,這個方法在傳入數群組類型的參數時用於合并兩個或多個數組,在不傳參數時,將原數組拷貝到一個新的地址,並返回這個新地址的引用。
json的情況稍微麻煩一點,在原生JavaScript中似乎並沒有直接提供這樣的方法,好在手工達到這一目的並不需要花費什麼精力:
var objA = {"val" : {"name" : "myName"}}; var objB = {}; //建立一個新的json對象,用於接收objA的值 for(var i in objA){ //遍曆objA,將其中的每一組“索引值”原樣拷貝到objB中 //不用擔心多維的情況,它不會帶來任何問題 objB[i] = objA[i]; } var objA["val"] = {"name" : "yourName"}; console.dir(objA); console.dir(objB); //這是objB已經完全拷貝了objA //而objA再改變也不會對objB產生影響
如果你有更好的辦法,非常歡迎指出來和大家一起分享。