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

最新推荐文章于 2023-02-17 18:32:30 发布

maple_leaf1314

最新推荐文章于 2023-02-17 18:32:30 发布

阅读量2.7k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Maple__Leaf_/article/details/107553085

本文深入探讨了JavaScript中实现深拷贝的两种方法：一种是利用JSON的parse和stringify方法快速实现，另一种是通过自定义函数并使用递归方式复制对象属性，包括数组和对象类型的数据。通过具体示例，展示了如何将一个包含复杂层级结构的对象完全克隆。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>