1. 程式人生 > >JS 中深拷貝的幾種實現方法

JS 中深拷貝的幾種實現方法

property 沒有 http article pcl 方式 sar ext javascrip

JS 中深拷貝的幾種實現方法
1、使用遞歸的方式實現深拷貝

//使用遞歸的方式實現數組、對象的深拷貝
function deepClone1(obj) {
//判斷拷貝的要進行深拷貝的是數組還是對象,是數組的話進行數組拷貝,對象的話進行對象拷貝
var objClone = Array.isArray(obj) ? [] : {};
//進行深拷貝的不能為空,並且是對象或者是
if (obj && typeof obj === "object") {
for (key in obj) {
if (obj.hasOwnProperty(key)) {
if (obj[key] && typeof obj[key] === "object") {
objClone[key] = deepClone1(obj[key]);
} else {
objClone[key] = obj[key];
}
}
}
}
return objClone;
}

2、通過 JSON 對象實現深拷貝

//通過js的內置對象JSON來進行數組對象的深拷貝
function deepClone2(obj) {
var _obj = JSON.stringify(obj),
objClone = JSON.parse(_obj);
return objClone;
}

JSON對象實現深拷貝的一些問題
* 無法實現對對象中方法的深拷貝

3、通過jQuery的extend方法實現深拷貝

var array = [1,2,3,4];
var newArray = $.extend(true,[],array);

4、Object.assign()拷貝

當對象中只有一級屬性,沒有二級屬性的時候,此方法為深拷貝,但是對象中有對象的時候,此方法,在二級屬性以後就是淺拷貝。

5、lodash函數庫實現深拷貝

lodash很熱門的函數庫,提供了 lodash.cloneDeep()實現深拷貝

  

參考:https://blog.csdn.net/chentony123/article/details/81428803

JS 中深拷貝的幾種實現方法