JavaScript中數組和json的複製

來源:互聯網
上載者:User

今天和一個朋友討論到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產生影響

如果你有更好的辦法,非常歡迎指出來和大家一起分享。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.