js 深拷貝兩種方法

遞迴

主要思想是遞迴來遍歷各個鍵值，完整的深拷貝需要處理多種型別，如正則、Date等，這裡只提供一個常用型別轉化的深拷貝方法

function deepCopy(obj){
    if(typeof obj !== "object" || obj == null){
        return typeof obj === "function"?eval(obj.toString()):obj;
    } else if (obj instanceof Date){
        return new Date(obj)
    }
    var clone = obj.constructor == "Array"?[]:{};
    for(var key in obj){
        clone[key] = deepCopy(obj[key]);
    }
    return clone;
}
複製程式碼

JSON

使用JSON.parse(JSON.stringify(obj))主要存在幾個問題：

• 函式無法轉化
• undefined無法轉化
• Date通過stringify轉化為字串，通過parse無法轉換回Date

其中，函式無法轉化可以使用JSON.stringify的第二個引數傳入每個鍵值對的key和value進行處理：

let obj = {
    a: function(){
        console.log("hello");
    }
};
JSON.stringify(obj); //輸出"{}"
JSON.stringify(obj, function(key,value){
    if(typeof value === "function"){
        return value.toString();
    } else {
        return value;
    }
}); // 輸出"{"a":"function(){\n        console.log(\"hello\");\n    }"}"
複製程式碼