JavaScript递归深复制对象

最新推荐文章于 2025-08-04 20:59:31 发布

明哥前端

最新推荐文章于 2025-08-04 20:59:31 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript小技巧文章标签： typescript javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_55876727/article/details/117368409

javaScript小技巧专栏收录该内容

3 篇文章

订阅专栏

本文探讨了JavaScript中实现对象深复制的方法，通过一个具体的示例展示了如何使用递归实现深拷贝。文章首先定义了一个包含嵌套对象的数据结构，然后定义了一个名为`deepClone`的函数，该函数遍历源对象并递归地复制所有属性，包括嵌套对象。最后，通过修改副本对象来验证深复制的正确性，确保原始对象不受影响。

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

递归深复制对象

<script>
        var obj = { // 定义要进行深复制的对象
            name: "张三",
            age: 14,
            tel: 110,
            info: {
                isSingle: true
            }
        }
		// 定义深复制的函数
        function deepClone(params) {
            var obj = {}
            if(!(params instanceof Object)) return

            for(let key in params) {
                if(params[key] instanceof Object) {
                    obj[key] = deepClone(params[key])
                } else {
                    obj[key] = params[key]
                }
            }
            return obj
        }
		// 验证结论
        var obj2 = deepClone(obj)
        obj2.name = '李四'
        obj2.info.isSingle = false
        console.log(obj, obj2)
    </script>