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

- 日理万妓 2022-01-28 02:55 223阅读 0赞

# 一行实现深拷贝数组 #

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)

发表评论取消回复

表情：

评论列表（有 0 条评论，223人围观）

还没有评论，来说两句吧...

相关阅读

相关实现一个对象深拷贝函数cloneDeep

实现一个对象的深拷贝函数cloneDeep。

梦里梦外;/ 2024年04月20日 22:14/ 0 赞/ 22 阅读

相关 Java对象深拷贝详解（List深拷贝）

1、Java中拷贝的概念在Java语言中，拷贝一个对象时，有浅拷贝与深拷贝两种浅拷贝：只拷贝源对象的地址，所以新对象与老对象共用一个地址，当该地址变化时，两个对象也

短命女/ 2023年09月23日 18:16/ 0 赞/ 106 阅读

相关 js数组及对象的深拷贝

为了解除引用关系复制对象或者数组，如果是浅层的数组或对象(也就是数组中不包含对象或数组)，可以通过slice或者concat方法直接实现。 var arr1 =

╰半夏微凉°/ 2022年07月13日 11:26/ 0 赞/ 145 阅读

相关 JavaScript深拷贝和浅拷贝数组

javascript分原始类型与引用类型（与java、c\类似）。Array是引用类型，直接用“=”号赋值的话，只是把源数组的地址(或叫指针)赋值给目的数组，并没有实现数组的数

忘是亡心i/ 2022年06月14日 04:23/ 0 赞/ 178 阅读

相关 Java对象数组深拷贝

Java对象数组深复制 1.今天做项目的时候遇到了一个java数组深拷贝的问题，当时直接使用了Object对象的clone方法，结果不管用。 ArrayList<C

谁借莪１个温暖的怀抱￠/ 2022年06月12日 05:21/ 0 赞/ 168 阅读

相关 JavaScript 数组对象深拷贝与浅拷贝

JavaScript 数组对象深拷贝与浅拷贝 1.浅拷贝 var data = \["11","22","33","44"\]; var tempD

╰+攻爆jí腚メ/ 2022年06月07日 01:50/ 0 赞/ 183 阅读

相关对象深拷贝

var deepCopy = function(obj) { // 只拷贝对象 if (typeof obj !== '

女爷i/ 2022年04月15日 04:29/ 0 赞/ 200 阅读

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

一行实现深拷贝数组 const deepCopyArr = arr => arr.reduce((acc, cur) => ( cur instanc

- 日理万妓/ 2022年01月28日 02:55/ 0 赞/ 224 阅读

相关 js实现数组浅拷贝和深拷贝

如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇

你的名字/ 2021年10月24日 02:18/ 0 赞/ 350 阅读

相关 es6 深浅拷贝、代码实现深拷贝

拷贝数据的方法浅拷贝修改会影响原数据，深拷贝不会 1、=号赋值，基本数据类型修改不会影响原值，对象/数组修改会影响原对象/数组

清疚/ 2021年07月24日 11:20/ 0 赞/ 630 阅读