JS 中深拷貝的幾種實現方法
阿新 • • 發佈:2019-01-29
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 中深拷貝的幾種實現方法