用 reduce 实现一行代码深拷贝对象/数组

一行实现深拷贝数组

const deepCopyArr = arr => arr.reduce((acc, cur) => (
  cur instanceof Array ? [...acc, deepCopyArr(cur)] : [...acc, cur]
), [])

一行实现深拷贝对象

const deepCopyObj = obj => Object.entries(obj).reduce((acc, [key, value]) => (
  typeof value === 'object' ? { ...acc, [key]: deepCopyFun(value) } : { ...acc, [key]: value }
), {})

通用方法

const deepCopy = obj => {
  if (typeof obj !== 'object') return
  const newObj = obj instanceof Array ? [] : {}
  for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
      newObj[key] = typeof obj[key] === 'object' ? deepCopy(obj[key]) : obj[key]
    }
  }
  return newObj
}

技巧性方法

// 不足之处是不能拷贝函数
const deepCopy = obj => JSON.parse(JSON.stringify(obj))

验证

浅拷贝copy的是引用，都指向内存中的一个数据，所以会一改都变；
深拷贝是两份独立的数据

部分代码：

// 浅拷贝，但当对象只有一层的时候是深拷贝
const copy = obj => Object.assign(obj)

const t = { 1: 1, 2: { 22: 22 } }
const st = copy(t)
const dt = deepCopy(t)

console.log(st, dt)

t[2] = { 33: 33 }

console.log(st, dt)