javascript中深拷貝與淺拷貝的示例分析-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關javascript中深拷貝與淺拷貝的示例分析的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于成都做網(wǎng)站、成都網(wǎng)站建設、湖里網(wǎng)絡推廣、微信小程序開發(fā)、湖里網(wǎng)絡營銷、湖里企業(yè)策劃、湖里品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們大的嘉獎；創(chuàng)新互聯(lián)公司為所有大學生創(chuàng)業(yè)者提供湖里建站搭建服務，24小時服務熱線：028-86922220，官方網(wǎng)址：muchs.cn深拷貝和淺拷貝的區(qū)別

深拷貝和淺拷貝是大家經(jīng)常聽到的兩個名詞，兩者到底有什么不同呢？

先看看什么是淺拷貝。

var obj1 = { a: 1, b: 2 };
var obj2 = obj1;
obj2.a = 3;

console.log(obj1); // { a: 3, b: 2 }
console.log(obj2); // { a: 3, b: 2 }

這是一個最簡單的淺拷貝的例子，我把obj1賦值給obj2，改變了obj2中的一個屬性值，obj1中的相應屬性值也跟著變化了，這是為什么呢？

因為淺拷貝其實只是引用的拷貝，兩者還是指向內(nèi)存中的同一個地址。簡而言之，就是obj1和obj2其實指向的是同一個對象。打個比方，就像一個房間把門牌號1換成了門牌號2，但是這個房間還是這個房間。

那深拷貝就是兩者指向不同的內(nèi)存地址，是真正意義上的拷貝。拿上面的房間舉例子，就是你真的重新開了一間房，并不是只是換門牌號。

談談Object.assign()

Object.assign()是我們經(jīng)常用到的方法，其實這個方法就是淺拷貝。但是它又有一點特殊的地方，就是可以處理第一層的深拷貝。

var obj1 = { a: 1, b: { c: 2 } };
var obj2 = Object.assign({}, obj1);
obj2.a = 3;
obj2.b.c = 3;
console.log(obj1); // { a: 1, b: { c: 3 } }
console.log(obj2); // { a: 3, b: { c: 3 } }

看上面的例子，屬性a的值并沒有跟著變，但是屬性b中的c的值跟著變了。

常用的實現(xiàn)深拷貝的方式JSON

這是最常用的實現(xiàn)深拷貝的方式，直接看例子：

var obj1 = { a: { b: 1 } };
var obj2 = JSON.parse(JSON.stringify(obj1));

這種方法很簡單而且好用，但是有一點點瑕疵，它會拋棄對象的constructor。也就是深拷貝之后，不管這個對象原來的構造函數(shù)是什么，在深拷貝之后都會變成Object。

而且這種方法能正確處理的對象只有 Number, String, Boolean, Array，即那些能夠被JSON直接表示的數(shù)據(jù)結(jié)構。RegExp對象或者function是無法通過這種方式深拷貝。

lodash

這是我個人目前使用的方法，只需要一行var obj2 = _.cloneDeep(obj1)就能實現(xiàn)。而且lodash是一個功能很強大的庫，提供的方法可靠又簡單，

感謝各位的閱讀！關于“javascript中深拷貝與淺拷貝的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網(wǎng)站標題：javascript中深拷貝與淺拷貝的示例分析-創(chuàng)新互聯(lián)
鏈接地址：http://muchs.cn/article34/degese.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供云服務器、網(wǎng)站設計、商城網(wǎng)站、域名注冊、小程序開發(fā)、服務器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)