JavaScript 深拷贝和浅拷贝

.Tricia.

已于 2023-03-15 23:08:03 修改

阅读量230

点赞数

分类专栏：前端文章标签： javascript ecmascript

于 2022-08-07 16:51:22 首次发布

本文链接：https://blog.csdn.net/qq_41675812/article/details/126213462

版权

前端专栏收录该内容

51 篇文章 2 订阅

订阅专栏

本文介绍了浅拷贝和深拷贝的概念，浅拷贝仅复制对象的一层属性，而深拷贝则能递归复制多层属性。通过示例展示了如何在JavaScript中实现这两种拷贝方式，并探讨了它们在修改对象属性时的影响。对于包含复杂对象的属性，理解浅拷贝和深拷贝的区别至关重要。

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

浅拷贝: 拷贝对象的一层属性,如果对象里面还有对象,拷贝的是地址.两者之间修改会有影响 (适用于对象里面属性的值都是简单类型的)
深拷贝：拷贝对象的多层属性,如果对象里面还有对象,也能继续拷贝。使用递归来实现。

浅拷贝

const obj = {
  name: 'tt',
  age: 12,
  love: 'eat'
}
let newObj = {}
for (let k in obj) {
  newObj[k] = obj[k]
}
console.log(newObj);

在这里插入图片描述

深拷贝

const obj = {
  name: 'Tricia',
  age: 26,
  love: {
  friuts : 'apple',
  meat: 'beef'
  }
}
function getObj(obj) {
  const newObj = {}
  for (let k in obj) {
    // 如果对象的属性还是对象，那么久递归调用这个函数,如果不是，就赋值
    newObj[k] = typeof obj[k] === 'object' ? getObj(obj[k]) : obj[k]
  }
  return newObj
}
var obj2 = getObj(obj)
console.log(obj2)