两个接口数据合并

简介: 数据处理

两个接口数据合并

序:

​ 场景是这样的,后端提供了两个接口,接口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);
    }
目录
相关文章
|
1月前
|
Python
DataFrame合并和连接案例解析
【4月更文挑战第9天】该文介绍了Pandas中DataFrame的合并与连接。通过创建两个DataFrame `df1` 和 `df2`,分别展示其内容,然后利用`merge()`方法按姓名列合并,生成包含共同姓名的完整信息的新DataFrame。此外,还使用`concat()`方法将两个DataFrame沿垂直方向(axis=0)连接,形成一个包含所有原始数据的新DataFrame。
29 2
|
5月前
合并对象的几种方法
合并对象的几种方法
30 5
|
5月前
关联表更新封装
关联表更新封装
29 2
|
5月前
关联更新封装(三)
关联更新封装(三)
33 2
|
5月前
关联更新封装(二)
关联更新封装(二)
29 2
|
11月前
|
移动开发 编解码 资源调度
分集与路径合并方式
分集与路径合并方式
111 0
分集与路径合并方式
|
算法 关系型数据库 MySQL
索引合并机制详解
索引合并机制详解
618 0
索引合并机制详解
|
存储 XML 缓存
请求合并的 3 种方式,大大提高接口性能。。。
请求合并的 3 种方式,大大提高接口性能。。。
309 0
|
存储 安全 JavaScript
请求合并的 3 种方式,大大提高接口性能!
将相似或重复请求在上游系统中合并后发往下游系统,可以大大降低下游系统的负载,提升系统整体吞吐率。文章介绍了 hystrix collapser、ConcurrentHashMultiset、自实现BatchCollapser 三种请求合并技术,并通过其具体实现对比各自适用的场景。
组装数据--相同的clusterID合并在一起 左边是a接口 右边是B接口如 [{a接口},{b接口}]
组装数据--相同的clusterID合并在一起 左边是a接口 右边是B接口如 [{a接口},{b接口}]