手写JS深拷贝-考虑各种数据类型和循环引用

沿着路走到底

已于 2024-04-09 21:59:47 修改

阅读量329

点赞数

CC 4.0 BY-SA版权

分类专栏：面试题文章标签：前端

于 2022-05-26 14:58:18 首次发布

本文链接：https://blog.youkuaiyun.com/m0_38066007/article/details/124983926

面试题专栏收录该内容

115 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨如何在JavaScript中实现深拷贝，包括使用`JSON.stringify`和`JSON.parse`的方法及其限制（如无法处理函数、Map、Set及循环引用），以及`Object.assign`的浅拷贝问题。并提出解决方案，强调要覆盖Object、Array、Map、Set以及解决循环引用的问题。

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

使用 `JSON.stringify` 和 `JSON.parse`

- 无法转换函数

- 无法转换 `Map` `Set`

- 无法转换循环引用

PS：其实普通对象使用 JSON API 的运算速度很快，但功能不全

使用 `Object.assign`

这根本就不是深拷贝，是浅拷贝

只考虑了简单的数组、对象

/**
 * 深拷贝 - 只考虑了简单的数组、对象
 * @param obj obj
 */
function cloneDeep(obj: any) {
    if (typeof obj !== 'object' || obj == null ) return obj

    let result: any
    if (obj instanceof Array) {
        result = []
    } else {
        result = {}
    }

    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {            
            result[key] = cloneDeep(obj[key]) // 递归调用
        }
    }

    return result
}