JavaScript 深拷贝和浅拷贝

且陶陶

发布于 2023-04-12 15:51:12

2710

发布于 2023-04-12 15:51:12

文章被收录于专栏：Triciaの小世界

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

浅拷贝

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)