JavaScript 深拷贝和浅拷贝

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

浅拷贝

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)

在这里插入图片描述

posted @ 2022-08-07 16:51  Tricia11  阅读(17)  评论(0)    收藏  举报  来源