首页 > 编程语言 > 详细

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

时间:2021-05-29 17:28:59      阅读:18      评论:0      收藏:0      [点我收藏+]

问题描述

一个可编辑的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
}

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

原文:https://www.cnblogs.com/codebook/p/14825348.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!