建站
咨詢
售后
建站咨詢
新聞中心
JavaScript中深拷貝和淺拷貝的具體使用區(qū)別
成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供武鄉(xiāng)網(wǎng)站建設(shè)、武鄉(xiāng)做網(wǎng)站、武鄉(xiāng)網(wǎng)站設(shè)計(jì)、武鄉(xiāng)網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、武鄉(xiāng)企業(yè)網(wǎng)站模板建站服務(wù)，十余年武鄉(xiāng)做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
淺拷貝（Shallow Copy）
1、原理：淺拷貝是創(chuàng)建一個(gè)新對(duì)象，將原對(duì)象的屬性值逐一復(fù)制到新對(duì)象中，如果屬性值是基本類型，那么直接復(fù)制值；如果屬性值是引用類型，那么復(fù)制引用，原對(duì)象和新對(duì)象中的引用類型屬性指向同一個(gè)內(nèi)存地址。
2、使用場(chǎng)景：當(dāng)需要對(duì)原對(duì)象進(jìn)行修改時(shí)，不會(huì)影響到其他使用相同引用類型屬性的對(duì)象。
3、示例代碼：
function shallowCopy(obj) {
let newObj = {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
newObj[key] = obj[key];
}
}
return newObj;
}
深拷貝（Deep Copy）
1、原理：深拷貝是創(chuàng)建一個(gè)新對(duì)象，將原對(duì)象的屬性值逐一復(fù)制到新對(duì)象中，與淺拷貝不同的是，深拷貝會(huì)遞歸地復(fù)制原對(duì)象的所有層級(jí)屬性值，包括基本類型和引用類型，原對(duì)象和新對(duì)象中的引用類型屬性指向不同的內(nèi)存地址。
2、使用場(chǎng)景：當(dāng)需要對(duì)原對(duì)象進(jìn)行修改時(shí)，不會(huì)影響到其他使用相同引用類型屬性的對(duì)象，當(dāng)原對(duì)象包含嵌套的對(duì)象或數(shù)組時(shí)，深拷貝可以確保這些嵌套對(duì)象的獨(dú)立性。
3、示例代碼：
function deepCopy(obj) {
if (typeof obj !== 'object' || obj === null) {
return obj;
}
let newObj = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
newObj[key] = deepCopy(obj[key]);
}
}
return newObj;
}
相關(guān)問題與解答
問題1：深拷貝和淺拷貝有什么區(qū)別？
答案：淺拷貝只復(fù)制原對(duì)象的引用類型屬性的引用，而深拷貝會(huì)遞歸地復(fù)制原對(duì)象的所有層級(jí)屬性值，包括基本類型和引用類型，深拷貝后的新對(duì)象與原對(duì)象互不影響。
問題2：如何實(shí)現(xiàn)一個(gè)深拷貝函數(shù)？
答案：可以使用遞歸的方法實(shí)現(xiàn)深拷貝函數(shù)，首先判斷傳入的對(duì)象是否為基本類型或null，如果是則直接返回；然后判斷傳入的對(duì)象是否為數(shù)組或普通對(duì)象，分別創(chuàng)建一個(gè)新的數(shù)組或普通對(duì)象；接著遍歷原對(duì)象的屬性，遞歸地調(diào)用深拷貝函數(shù)復(fù)制屬性值；最后返回新的對(duì)象。
分享標(biāo)題：js深拷貝和淺拷貝具體使用區(qū)別（js淺拷貝和深拷貝原理）
本文路徑：http://www.5511xx.com/article/dhcghcj.html
