JavaScript 对象深拷贝的实现

最新推荐文章于 2022-06-24 12:48:00 发布

原创最新推荐文章于 2022-06-24 12:48:00 发布 · 275 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js深拷贝 #JavaScript #JS #JS基础

前端基础同时被 3 个专栏收录

167 篇文章

订阅专栏

JavaScript

152 篇文章

订阅专栏

日常积累

35 篇文章

订阅专栏

本文详细探讨了在TypeScript中实现深拷贝和对象合并的方法，通过递归函数`deepMerge`，能够有效地合并多个对象，并保持原始对象不变。文章重点介绍了如何判断一个值是否为纯对象，以及如何递归地合并这些对象。

// ./src/helpers/util.ts

export function isPlainObject(val: any): val is Object {
  return toString.call(val) === '[object Object]'
}

export function deepMerge (...objs: any[]): any {
  const result = Object.create(null)

  objs.forEach(obj => {
    if (obj) {
      Object.keys(obj).forEach(key => {
        const val = obj[key]
        if (isPlainObject(val)) {
          if (isPlainObject(result[key])) {
            result[key] = deepMerge(result[key], val)
          } else {
            result[key] = deepMerge(key)
          }
        } else {
          result[key] = val
        }
      })
    }
  })
  return result
}