手写一个深拷贝

最新推荐文章于 2025-09-06 06:57:06 发布

原创最新推荐文章于 2025-09-06 06:57:06 发布 · 289 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #json

js 同时被 2 个专栏收录

20 篇文章

订阅专栏

ES6

5 篇文章

订阅专栏

探讨使用JSON.stringify和JSON.parse进行深拷贝的问题，包括对undefined、函数、Symbol的忽略，日期对象、正则表达式的错误转换，以及循环引用和特殊数值处理的缺陷。介绍一种更全面的深拷贝方法。

我们最常用的是json.parse(json.stringfy(data))来进行深拷贝，但是这有一些问题

对于undefined，函数，Symbol会直接忽略
new Date()转换后结果不正确
对于正则转换为{}
对于循环引用，会报错
如果obj里有NaN、Infinity和-Infinity，则序列化的结果会变成null

unction isObject(val){//判断是否是对象
    return typeof val==='object'&&val!=null
}

function deepCopy(val){
	//不是对象直接返回
    if(!isObject(val)) return val
    //判断是数组还是对象
    let res = Array.isArray(val)?[]:{}
    for(let key in val){
    	//判断key是否在val里面
        if(Object.prototype.hasOwnProperty.call(val,key)){
        	//判断val[key]是否是对象 是 遍历拷贝
            if(isObject(val[key])){
                res[key] = deepCopy(val[key])
            }else{
                res[key]  = val[key]
            }
        }
    }
}