js 数组、对象深度拷贝及方法的注意点

最新推荐文章于 2025-03-20 10:29:35 发布

web张

最新推荐文章于 2025-03-20 10:29:35 发布

阅读量132

点赞数

CC 4.0 BY-SA版权

分类专栏：学习最佳实践

本文链接：https://blog.youkuaiyun.com/weixin_42863883/article/details/103631038

学习同时被 2 个专栏收录

20 篇文章

订阅专栏

最佳实践

5 篇文章

订阅专栏

本文深入探讨了在JavaScript中实现深度拷贝的多种方法，包括递归函数、JSON方法及浅拷贝的局限性。通过具体代码示例，解析了如何避免引用类型数据的相互影响，确保数据独立性和安全性。

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

对数组、对象进行深度拷贝的方法

function deepClone (data, newData) {
    if (typeof data === 'object' && data) {
        if (Array.isArray(data)) {
            newData = []
            data.forEach((k) => {
                newData.push(deepCopy(k))
            })
        } else {
            newData = {}
            Object.keys(data).forEach((k) => {
                newData[k] = deepCopy(data[k])
            })
        }
    } else {
        newData = data
    }
    return newData
}

其他拷贝方法

// 使用JSON方法的存在的问题
// 对象的方法和值为new Date()的数据，转换之后会改变数据
function deepClone(data){
    return JSON.parse(JSON.stringify(data))
}

// 以下两种方法都只能拷贝第一层，再深层的还是同一个引用数据
function deepCloneObject (data) {
    return Object.assign({}, data)
} 
function deepCloneArray (data) {
    return data.slice()
}