合并两个map数据结构返回一个对象数组

问题描述

一个可编辑的table，新增时把所有的数据都传给后端，修改时候把修改的几条数据传给后台。

问题分析

传给后端一个list，list中包含id和name属性，可以考虑使用es6的map数据结构，id作为可以，name作为value，比如 map.set(id, name)

// 新增初始化数据的时候直接把所有的数据保存在addMap中

// 修改table数据，可能修改一行或者一列可以循环调用下面的方法，也可以修改一条数据
initMap(room) {
      if (!room.id) return
      if (room.cell !== room.oldCell) {
        this.modMap.set(room.id, room.name)
      } else {
        this.modMap.delete(room.id)
      }
}

问题解决

提交数据的时候只需要判断是否新增，修改只需要传修改的几条数据。新增需要将修改的map和新增的map。

// 获得接口入参
      let list
      if (isAdd) {
        list = vm.mergeMap(addMap, modMap)
      } else {
        list = vm.mergeMap(modMap)
      }

// 合并map
mergeMap(base, mod = []) {
  mod.forEach((v, k) => {
    base.set(k, v)
  })

  const hArr = []
  base.forEach((v, k) => {
    hArr.push({ id : k, name: v })
  })
  return hArr
}