美文网首页
JSON.parse(JSON.stringify())实现深拷

JSON.parse(JSON.stringify())实现深拷

作者: 宏_4491 | 来源:发表于2023-04-25 10:41 被阅读0次

浅拷贝 : 只是将数据中所有的数据引用下来,依旧指向同一个存放地址,拷贝之后的数据修改之后,也会影响到原数据的中的对象数据。例如:Object.assign(),...扩展运算符,Array.prototype.concat,Array.prototype.slice

深拷贝: 将数据中所有的数据拷贝下来,对拷贝之后的数据进行修改不会影响到原数据。

  • 1 如果obj里有函数,undefined,则序列化的结果会把函数, undefined丢失。
  • 2 如果obj里面存在时间对象,JSON.parse(JSON.stringify(obj))之后,时间对象变成了字符串。
  • 3 如果对象中存在循环引用的情况也无法正确实现深拷贝。
  • 4 如果obj里有NaN、Infinity和-Infinity,则序列化的结果会变成null。
  • 5 如果obj里有RegExp、Error对象,则序列化的结果将只得到空对象。
  • 6 SON.stringify()只能序列化对象的可枚举的自有属性。如果obj中的对象是有构造函数生成的, 则使用JSON.parse(JSON.stringify(obj))深拷贝后,会丢弃对象的constructor。
function Person (name) {
    this.name = 20
}

const haluo = new Person('haluo')

let a = {
    data0: '1',
    date1: [new Date('20203-04-28'), new Date('2023-05-05')],
    data2: new RegExp('w+'),
    data3: new Error('10'),
    data4: undefined,
    data5: function () {
        console.log(1)
    },
    data6: NaN,
    data7: haluo
}

let b = JSON.parse(JSON.stringify(a))
image.png
//简单的手写深拷贝方法
function copy (obj) {
    let newObj = null
    if (typeof obj === 'object' && obj !== null) {
        newObj = obj instanceof Array ? [] : {}
       // newObj= Array.isArray(obj)? []:{}
        for (let i in obj) {
            newObj[i] = typeof obj[i] === 'object' ? copy(obj[i]) : obj[i]
        }
    } else {
        newObj = obj
    }
    return newObj
}

相关文章

网友评论

      本文标题:JSON.parse(JSON.stringify())实现深拷

      本文链接:https://www.haomeiwen.com/subject/nzgpjdtx.html