实现对象数组混合的递归深拷贝方法

最新推荐文章于 2022-09-26 20:07:51 发布

zi态

最新推荐文章于 2022-09-26 20:07:51 发布

阅读量341

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_52591188/article/details/111301933

版权

如何实现对对象数组混合的递归深拷贝

方法由复杂到简单

方法一

var copy_data = deepCopy(data);
        data.name = 'tast'
        function deepCopy(data) {
            // 判断是数组还是对象
            if (Array.isArray(data)) {
                var res = []
                for (var i = 0; i < data.length; i++) {
                    // 判断data[i] 是否依然可能是数组还是对象
                    if (data[i] instanceof Object) {
                        var copy = deepCopy(data[i]);
                        res.push(copy);
                    } else {
                        res.push(data[i]);
                    }
                }
                return res
            } else if (data.constructor === Object) {
                var res = {};
                for (var x in data) {
                    // 判断data[i] 是否依然可能是数组还是对象                    
                    if (data[x] instanceof Object) {
                        var copy = deepCopy(data[x]);       // 执行深拷贝
                        res[x] = copy;      // 将拷贝结果添加到res上
                    } else {
                        res[x] = data[x]
                    }
                }
                return res
             } 
        }

方法二

	1.首先排除特殊条件 js基本类型数据
    2.对数组和对象进行分别深拷贝
    2.1 首先创建空数组或空对象
    2.2 将拷贝内容添加到[] {} 中

function deepCopy(data){
            // 如果不是数组或者对象,不需要深拷贝，直接返回
            if(!(data instanceof Object)){
                return data
            }
            if(Array.isArray(data)){
                // 新建数组
                var res = []
                // 将data 中数拷贝到res中
                for(var i = 0;i<data.length;i++){
                    res.push(deepCopy(data[i]))
                }
                return res
            }
            var obj = {}
            for(var x in data){
                obj[x] = deepCopy(data[x])
            }
            return obj
        }

方法三-----简单的方法

function deepCopy(){
            if(typeof obj !== 'object') return;
            var newObj = Array.isArray(obj) ? [] : {};
            for(var key in obj){
                // 判断key值是否存在
                // 数组对象直接拷贝，其他情况没必要拷贝直接返回
                // if(typeof obj[key] === 'object'){
                //     var res = deepCopy(obj[key]);
                //     newObj[key] = res;
                //     newObj[key] = deepCopy(obj[key]);
                // }else{
                //     newObj[key] = obj[key]
                // }
                // 以上代码可写成下面的代码形式
                if(Object.hasOwnProperty(key)){
                    obj[key]
                    newObj[key] = typeof obj[key] === 'object' ? deepCopy(obj[key]) : obj[key]
                }                 
            }
            return newObj; 
        }