JavaScript之复杂对象的深拷贝（完全深拷贝）

由于网上很多的深拷贝大都有如下问题：

　　1.灵活性。不能应对复杂对象（复杂对象是指：单一数组对象、多数组对象、多非数组对象、单一对象组合形成的复杂对象）的灵活拷贝

　　2.不变性。即 拷贝的对象与原对象的结构发生了变化（尤其是：将数组对象经过拷贝后人为变成了非数组对象），破坏了结构并不是深拷贝的初衷。

依据上述问题，花费了三个小时左右的思考和调试，得以解决。

声明：如需读者记录笔记或者摘要时，请声明引用出处，以尊重劳动成果~，谢谢，当然也可以向博主提出意见~

//判断是否为字符串
//返回类型：
//{baseType:typeof(arg),numberType:'int','float',-1}
function numberType(arg){
    var baseType;
    var numberType;
    var regx_int =  /^[0-9]*[1-9][0-9]*$/;
    if(!isNaN(arg)){//JavaScript中，属于数值的有：数值型字符串和真实数值
        baseType = typeof(arg);//输出：string or number
        if(regx_int.test(arg)){//整数
            numberType = "int";
        } else {
            numberType = "float";
        }
    } else {
        baseType = typeof(arg);
        numberType = -1;
    }

    return {
        "arg":arg,
        "baseType": baseType,//注意：typeof(stringNumber):string
        "numberType": numberType
    }
}
/*
    console.log(numberType("23"));  //{arg: "23", baseType: "string", numberType: "int"}
    console.log(numberType("23.0"));//{arg: "23.0", baseType: "string", numberType: "float"}
    console.log(numberType("23a")); //{arg: "23a", baseType: "string", numberType: -1}
    console.log(numberType(23));    //{arg: 23, baseType: "number", numberType: "int"}
    console.log(numberType(23.0));  //{arg: 23, baseType: "number", numberType: "int"}
 */

//url:[js中的深拷贝和浅拷贝](http://www.jianshu.com/p/70dc5b968767)
//依赖：recursion(obj, data)
function cloneDeep(obj){

    if( typeof obj !== 'object' || Object.keys(obj).length === 0 ){
        return obj
    }

    let resultData;
    if( typeof obj == 'object' && (obj instanceof Array))
        resultData = [];
    else {
        resultData = {};
    }

    return recursion(obj, resultData)
}

//url:[js中的深拷贝和浅拷贝](http://www.jianshu.com/p/70dc5b968767)
//被依赖：cloneDeep(obj)
//依赖：numberType(num)
function recursion(obj, data = {}){
    // console.log('[recursion] data:"' + data + '"; execute: obj:', obj);
    for(key in obj){//注意：使用for Each遍历时，会将数值转型为string类型
            // console.log('cur:' + obj + '[' + key + ']:', obj[key]);
            if( (typeof obj[key] == 'object') && (obj[key] instanceof Array) && Object.keys(obj[key].length > 0 )){
                // console.log('key[' + key + '] is Array:', obj[key]);
                var array = new Array();
                for(var i = 0, size = obj[key].length; i < size; i++){
                    (function(index){
                        array.push((obj[key][index]));
                    })(i)
                }
                data[key] = array;
                // console.log('data[key] data:', data[key]);
            }
            else if( (typeof obj[key] == 'object') && (!(obj[key] instanceof Array)) && Object.keys(obj[key].length > 0 )){
                // console.log('key[' + key + '] is Object but not Array:', obj[key]);
                data[key] = recursion(obj[key], {});
                // console.log('data[key] data:', data[key]);
            } else {
                // console.log('key[', key, '] is not object, ','key is ',typeof(key), ', obj[key]:' + obj[key] + ' is ',typeof(key));
                var nType = numberType(key);
                if(nType.baseType == "string"){//由于forEach的原因，所有的key都是字符串或者对象
                    // console.log('* nType:', nType);
                    // console.log('* data.push(obj[key]):', data.push(obj[key]));
                    // console.log('* obj[key] instanceof Array:', obj[key] instanceof Array);
                    if(nType.numberType == -1){//如果是真实的字符串或者非数值类型（即 非数值字符串或 真实数值类型），则说明是对象的一个属性
                        data[key] = obj[key];
                    } else {//反之：该属性为真实数值类型，说明key作为数组的（下标）键值
                        data.push(obj[key]);
                        // console.log('test obj[key]:', obj[key]);
                    }
                }
                data[key] = obj[key];//实际上，此处无过多实际意义和用意
                // console.log('data[ ' + key +' ] data:', data[key]);
            }
            // console.log('___________________________________[data]_________________________:', data);//test：遍历一次时，查看当前拷贝对象data的状态
        }
    return data;
}

使用方式与测试：

var courses = [{"name":"面向对象分析与设计","week_index":1,"course_index":[2,3],"week_start":5,"week_end":16,"teacher":"王敏","location":"6B-108多媒体286座(2017-2018-2)-150905319-0120030135-1"}];
// typeof(courses);
newCourses = recursion(courses, []);

studentCourses = cloneDeep(student);　

console.log(studentCourses,newCourses);　

　　

效果：