zoukankan      html  css  js  c++  java
  • 一篇业务需求上的数据处理问题--后台API只返回四个字段ABCD,现在数据量较大有20万条,一列上要展示ABCDABCDABCD这么些字段

    业务需求详解: 业务需求数据处理-后台API只返回四个字段ABCD,现在数据量较大有20万条,一列上要展示ABCDABCDABCD这么些字段,这时服务端他不会给你做处理,只能前端自己处理了,将对象forEach遍历添加到一个新的obj中,当index%30,当index%31时,当index%3==2时分别push存储到obj对象中
    使用框架为vue

     .then(res => {
              if (res.detail.list == []) {
                return false;
              }
              let that = this;
              let obj = {};
              var list = [];
              res.detail.list.forEach((item, index) => {
                if (index % 3 === 0) {
                  obj.contactsName = item.contactsName;
                  // console.log(obj.contactsName)
                  obj.contactsPhoneNum = item.contactsPhoneNum;
                  obj.contactsCallNum = item.contactsCallNum;
                  obj.contactsCallTime = item.contactsCallTime;
                }
                if (index % 3 === 1) {
                  obj.contactsName1 = item.contactsName;
                  obj.contactsPhoneNum1 = item.contactsPhoneNum;
                  obj.contactsCallNum1 = item.contactsCallNum;
                  obj.contactsCallTime1 = item.contactsCallTime;
                }
                if (index % 3 === 2) {
                  obj.contactsName2 = item.contactsName;
                  obj.contactsPhoneNum2 = item.contactsPhoneNum;
                  obj.contactsCallNum2 = item.contactsCallNum;
                  obj.contactsCallTime2 = item.contactsCallTime;
                  list.push(obj);
                  obj = {};
                }
                if (index === res.detail.list.length - 1) {
                  list.push(obj);
                  obj = {};
                }
              });
              // console.log(list,'list')
    
              that.baseData1.push(list);
              that.count = res.detail.count;
              this.loading3 = false;
            });
    
  • 相关阅读:
    Linux CentOS7 下设置tomcat 开机自启动
    MYSQL批量导入数据报:[Err] 2006
    HTML页面仿WORD样式
    /usr/bin/ld: cannot find -lxxx 问题
    Linux 重命名
    Linux mail
    cenos 7 mysql
    linux 解压与压缩
    python 字符串替换
    cpu相关信息(进程、线程、核...)
  • 原文地址:https://www.cnblogs.com/guanhuohuo/p/12526207.html
Copyright © 2011-2022 走看看