JSON.parse，JSON.stringify 深浅拷贝的缺陷

同名公众号 - 人生代码

于 2021-01-15 11:32:14 发布

阅读量1.3k

点赞数

分类专栏：大厂面试题：每天带你一道大厂面试题文章标签： js css json javascript html

本文链接：https://blog.youkuaiyun.com/qq_36772866/article/details/112690826

版权

大厂面试题：每天带你一道大厂面试题专栏收录该内容

144 篇文章 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了JSON.parse和JSON.stringify在进行深拷贝时存在的缺陷，如忽略undefined和函数属性，将NaN和无穷转换为null，以及无法复制原型链上的属性。举例说明了这些问题，并总结了其局限性。

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

JSON.parse，JSON.stringify 深浅拷贝的缺陷

经常使用 JSON.parse, JSON.stringify 的小伙伴都知道，他们两个可以用于深拷贝对象，但是可能会不太注意一些缺陷，是又一次我使用他们去深拷贝对象，我发现有些属性莫名其妙的丢失了，之前没有太深究其弊端，今天趁着有空深究一下这些弊端。

首先我们来看下代码：

let deepClone = function(obj) {
    return JSON.parse(JSON.stringify(obj))
}
let a = {
    name: 'Ken',
    age: 18,
    hobbit: ['dance', 'sing', {type: 'sports', value: 'run'}],
    schoolData: {
        grades: 'A',
    },
    run: function() {},
    walk: undefined,
    fly: NaN,
    cy: null
}

let b = deepClone(a)
console.log("b", b)

/**

{
    age: 18,
    cy: null,
    fly: null,
    hobbit: (3)

了解本专栏

超级会员免费看