js深拷贝与浅拷贝整理

最新推荐文章于 2025-02-27 10:05:02 发布

折耳鼠

最新推荐文章于 2025-02-27 10:05:02 发布

阅读量177

点赞数

文章标签： js

本文链接：https://blog.csdn.net/wxl2454497677/article/details/107999426

版权

本文探讨了JavaScript中的浅拷贝和深拷贝概念。浅拷贝仅复制原始类型的值，而深拷贝则针对引用类型的对象。通过Object.assign和扩展运算符可以实现浅拷贝，而深拷贝可以通过JSON.parse(JSON.stringify(object))实现，但这种方法存在局限性，如忽略undefined、symbol，无法序列化函数以及无法处理循环引用的对象。最后，文章提到了一种最佳的深拷贝函数实现。

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

浅拷贝：对原始类型进行拷贝
深拷贝：对引用类型（对象类型）进行拷贝

1.如何进行浅拷贝
Object.assign和扩展运算符（…）实现的是浅拷贝
2.如何进行深拷贝
JSON.parse(JSON.stringify(object))
json.parse实现深拷贝的局限性
1. 会忽略 undefined
2 会忽略 symbol
3 不能序列化函数
4 不能解决循环引用的对象
3.最佳深拷贝函数

// 最佳深拷贝函数
        function deepClone(obj) {
            if (!isObject(obj)) {
                throw Error('不是对象')
            }
            const newObj = Array.isArray(obj) ? [...obj] : { ...obj }
            // Reflect.ownKeys 跟 Object.keys作用一样，但是Reflect.ownKeys可以获取不可枚举的属性
            Reflect.ownKeys(newObj).forEach(key => {
                newObj[key] = isObject(newObj[key]) ? deepClone(newObj[key]) : newObj[key]

            })
            return newObj
        }
        let zhangsan = {
            age: undefined,
            sex: Symbol('male'),
            jobs: function () { },
            name: 'fecast'
        }
        let zx = deepClone(zhangsan)
        console.log(zx)