JavaScript遞歸實現(xiàn)對象深拷貝

lunaticf 發(fā)布于2019-08-23 18:09 / 1462人閱讀

摘要：遞歸實現(xiàn)對象深拷貝遞歸實現(xiàn)對象深拷貝是否存在如果不存在創(chuàng)建空對象判斷是否為引用數(shù)據(jù)類型剝離原型鏈的數(shù)據(jù)判斷是否為引用數(shù)據(jù)類型對象或數(shù)組輔助函數(shù)判定是否是對象深拷貝面的所有屬性值到對象里面拷貝對象目標對象如果是值類型，那么就直接拷貝賦值如果是

1.JavaScript遞歸實現(xiàn)對象深拷貝

        function deepClone(origin,target){
            //target是否存在如果不存在創(chuàng)建空對象
            let tar = target || {},
            //判斷是否為引用數(shù)據(jù)類型
                toStr = Object.prototype.toString,
                arrType="[object Array]";

            for(let key in origin){
                //剝離原型鏈的數(shù)據(jù)
                if(origin.hasOwnProperty(key)){
                    //判斷是否為引用數(shù)據(jù)類型 對象或數(shù)組
                    if(typeof(origin[key]) === "object" && origin[key] !== null){
                        if(toStr.call(origin[key]) === arrType ){
                            tar[key] = [];
                        }else{
                            tar[key] = {};
                        }
                        deepClone(origin[key],tar[key]);
                    }else{
                        tar[key] = origin[key];
                    }
                }
            }
            return tar;
        }

/**
 * 輔助函數(shù), 判定是否是對象
 * @param obj
 * @returns {boolean}
 */
function isObj(obj) {
  return obj instanceof Object;
}
 
/**
 * 深拷貝fromObj面的所有屬性/值, 到toObj對象里面
 * @param fromObj 拷貝對象
 * @param toObj  目標對象
 */
function deepCopyObj2NewObj(fromObj, toObj) {
  for (var key in fromObj) {
    if(fromObj.hasOwnProperty(key)){
      var fromValue = fromObj[key];
      // 如果是值類型，那么就直接拷貝賦值
      if (!isObj(fromValue)) {
        toObj[key] = fromValue;
      } else {
        // 如果是引用類型，那么就再調(diào)用一次這個方法，
        // 去內(nèi)部拷貝這個對象的所有屬性
        // fromValue是什么類型, 創(chuàng)建一個該類型的空對象
        var tmpObj = new fromValue.constructor;
 
        // console.log(tmpObj);
        // debugger;
        deepCopyObj2NewObj(fromValue, tmpObj);
        toObj[key] = tmpObj;
      }
    }
  }
}