当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 使用递归原生实现拷贝&&最简单的方法实现深拷贝

使用递归原生实现拷贝&&最简单的方法实现深拷贝

2020年07月26日  | 移动技术网IT编程  | 我要评论
<script>
        // 第一种:最简单的方法,一行代码实现
        JSON.parse(JSON.stringify('需要进行拷贝的对象'))


        // 第二种:原生函数封装,使用递归实现
        function deepCopy(newObj, obj) {

            // 判断数据是否是复杂类型
            for (var key in obj) {

                // 检测是否存在数组
                if (obj[key] instanceof Array) {
                    newObj[key] = [];
                    deepCopy(newObj[key], obj[key]);

                    // 检测是否存在对象
                } else if (obj[key] instanceof Object) {
                    newObj[key] = {};
                    deepCopy(newObj[key], obj[key]);

                    // 简单类型
                } else {
                    newObj[key] = obj[key];
                }
            }
            return newObj;
        }

        var obj = {
            name: '小蔡呀',
            age: 18,
            list: {
                sing: 'rap',
                eat: {
                    fruits: ['pear', 'grape', 'apple'],
                },
            },
            hobbies: ['唱', '跳', 'rap', '篮球']
        };
        var newObj = {};
        var res = deepCopy(newObj, obj);
        console.log(res);
    </script>

本文地址:https://blog.csdn.net/Maple__Leaf_/article/details/107553085

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网