对象深拷贝（深度合并）的方法封装

technicalwhite_鱼

已于 2022-09-15 11:34:25 修改

阅读量396

点赞数 1

于 2022-09-15 11:29:38 首次发布

本文链接：https://blog.csdn.net/weixin_47426557/article/details/126867969

版权

JavaScript 对象合并深拷贝类型检查 deepMerge

关键词由CSDN通过智能技术生成

JS

/**
 * @description 对象深度合并
 * @param  target 目标对象
 * @param  source 合并对象
 */
export const deepMerge = function (target = {}, source = {}) {
  target = deepClone(target);
  if (typeof target !== 'object' || typeof source !== 'object') return false;
  for (var prop in source) {
    if (!source.hasOwnProperty(prop)) continue;
    if (prop in target) {
      if (typeof target[prop] !== 'object') {
        target[prop] = source[prop];
      } else {
        if (typeof source[prop] !== 'object') {
          target[prop] = source[prop];
        } else {
          if (target[prop].concat && source[prop].concat) {
            target[prop] = target[prop].concat(source[prop]);
          } else {
            target[prop] = deepMerge(target[prop], source[prop]);
          }
        }
      }
    } else {
      target[prop] = source[prop];
    }
  }
  return target;
}

使用

//使用
options.header = deepMerge(this.config.header, options.header)

TS

/**
 * @description JS对象深度合并
 * @param {Object} target 目标对象
 * @param {Object} source 合并对象
 */
export const deepMerge = function (target: {
  [index: string]: any
}, source: {
  [index: string]: any
}) {
  target = deepClone(target);
  if (typeof target !== 'object' || typeof source !== 'object') return false;

  for (const prop in source) {
    if (!Object.prototype.hasOwnProperty.call(source, prop)) continue;
    if (prop in target) {
      if (typeof target[prop] !== 'object') {
        target[prop] = source[prop];
      } else {
        if (typeof source[prop] !== 'object') {
          target[prop] = source[prop];
        } else {
          if (target[prop].concat && source[prop].concat) {
            target[prop] = target[prop].concat(source[prop]);
          } else {
            target[prop] = deepMerge(target[prop], source[prop]);
          }
        }
      }
    } else {
      target[prop] = source[prop];
    }
  }

  return target;
}