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

Beijiyang999

于 2019-05-23 05:47:21 发布

阅读量1.2k

点赞数

分类专栏： javascript 深入原理面试算法文章标签：深拷贝浅拷贝 reduce 一行代码前端面试

本文链接：https://blog.youkuaiyun.com/Beijiyang999/article/details/90473321

版权

javascript 同时被 3 个专栏收录

34 篇文章

订阅专栏

深入原理

20 篇文章

订阅专栏

面试

20 篇文章

订阅专栏

本文探讨如何使用reduce函数在一行代码内实现深拷贝对象和数组，详细讲解通用及技巧性方法，并通过实例验证深拷贝的效果，区别于浅拷贝的特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一行实现深拷贝数组

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)