两个接口数据合并

简介: 数据处理

两个接口数据合并

序:

​ 场景是这样的,后端提供了两个接口,接口1中的bb属性和接口2中的aa属性是一样的的。需要对一下情况进行处理:

  • 接口1中cc、dd分别是表格的两列显示字段,并对返回字段为null或NaN,页面要求显示为空,
  • 接口2中code返回的值需要进行处理(0表示对应的字段显示‘’--‘’,1表示对应字段返回需要保留2位小数,2表示对应返回的字段取整)
  • 所有数据排序根据接口2中的id进行排序

实现代码

tableData: [] // table表格数据
async onSearch(params) {
    // 接口1数据
      let data = await new Promise((resolve, reject) =>{
        this.$axios.post("/A123456", {
          acctperiod: params
        })
        .then(res => {
          resolve(res.data)
        })
        .catch(error => {
          reject(error)
        })
      })
      // 接口2数据
      let data1 = await new Promise((resolve, reject) =>{
        this.$axios.post("/A111111", {
          acctperiod: params
        })
        .then(res => {
          resolve(res.data)
        })
        .catch(error => {
          reject(error)
        })
      })
      this.tableData = data1.map(x=>{
        data.forEach(y => {
          // 将data的数据放到data1中
          if(x.aa === y.bb) {
            x.cc = y.cc || ''
            x.dd = y.dd || ''
          }
        });
        // 对没有数据的采用占位符
        if(x.code == 0) {
          x.cc = "--"
          x.dd = "--"
        }
        // 保留两位小数
        if(x.code == 1) {
          x.cc = Math.floor(x.cc * 100) / 100
          x.dd = Math.floor(x.dd * 100) / 100
        }
        // 取整数
        if(x.code == 2) {
          x.cc = parseInt(x.cc)
          x.dd = parseInt(x.dd)
        }
        return {...x}
      })
      // 根据id排序
      this.tableData = this.tableData.sort((a,b) => a.id - b.id);
    }
目录
相关文章
|
6月前
|
Python
DataFrame合并和连接案例解析
【4月更文挑战第9天】该文介绍了Pandas中DataFrame的合并与连接。通过创建两个DataFrame `df1` 和 `df2`,分别展示其内容,然后利用`merge()`方法按姓名列合并,生成包含共同姓名的完整信息的新DataFrame。此外,还使用`concat()`方法将两个DataFrame沿垂直方向(axis=0)连接,形成一个包含所有原始数据的新DataFrame。
82 2
|
24天前
把两个文件中的信息合并
【10月更文挑战第17天】把两个文件中的信息合并。
19 6
|
3月前
|
分布式计算 Hadoop 数据处理
什么是“合并器”?
【8月更文挑战第31天】
34 0
|
6月前
合并对象的几种方法
合并对象的几种方法
59 5
|
11月前
关联表更新封装
关联表更新封装
44 2
两个有序链表序列的合并(附加代码模式)
两个有序链表序列的合并(附加代码模式)
60 1
|
移动开发 编解码 资源调度
分集与路径合并方式
分集与路径合并方式
189 0
分集与路径合并方式
流程定义查询和删除
流程定义查询流程定义查询和删除
|
算法 关系型数据库 MySQL
索引合并机制详解
索引合并机制详解
772 0
索引合并机制详解
组装数据--相同的clusterID合并在一起 左边是a接口 右边是B接口如 [{a接口},{b接口}]
组装数据--相同的clusterID合并在一起 左边是a接口 右边是B接口如 [{a接口},{b接口}]