JS深拷贝方法

偲奇

已于 2023-02-09 10:15:46 修改

阅读量40

点赞数

文章标签：前端 javascript vue.js

于 2023-02-06 10:24:28 首次发布

本文链接：https://blog.csdn.net/m0_52442585/article/details/128897365

版权

该文章介绍了两种JavaScript中实现深拷贝的方法，一是针对对象的深拷贝函数`deepObj`，二是针对数组对象的深拷贝函数`deepList`。这两个函数遍历原对象或数组，创建新的副本并逐个复制属性值，从而实现深层复制。

摘要由CSDN通过智能技术生成

JS深拷贝方法

一、对象深拷贝

const deepObj = (oldObj) => {
  const newObj = {}
  for (const key in oldObj) {
    if (Object.hasOwnProperty.call(oldObj, key)) {
      const val = oldObj[key];
      newObj[key] = val
    }
  }
  return newObj
}

二、数组对象深拷贝

const deepObj = (oldObj) => {
  const newObj = {}
  for (const key in oldObj) {
    if (Object.hasOwnProperty.call(oldObj, key)) {
      const val = oldObj[key];
      newObj[key] = val
    }
  }
  return newObj
}
const deepList = (oldList) => {
  let newList = []
  oldList.forEach(item => {
    const newObj = deepObj(item)
    newList.push(newObj)
  })
  return newList
}