js 深拷贝两种方法

341 阅读1分钟

递归

主要思想是递归来遍历各个键值,完整的深拷贝需要处理多种类型,如正则、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    }"}"