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

Posted 沿着路走到底

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了手写JS深拷贝-考虑各种数据类型和循环引用相关的知识,希望对你有一定的参考价值。

使用 `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

思路

考虑 Object、Array、Map、Set

考虑循环引用

/**
 * @description 深拷贝
 */

/**
 * 深拷贝
 * @param obj obj
 * @param map weakmap 为了避免循环引用
 */
export function cloneDeep(
开发者涨薪指南 48位大咖的思考法则、工作方式、逻辑体系

以上是关于手写JS深拷贝-考虑各种数据类型和循环引用的主要内容,如果未能解决你的问题,请参考以下文章

js手写深拷贝的实现

JS基础 - 手写深拷贝

JS手写面试题 --- 深拷贝

JS的浅拷贝和深拷贝

js中浅拷贝和深拷贝以及深拷贝的实现

js知识版图-引用类型赋值、浅拷贝、深拷贝