用 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)