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;
            });
    
  • 相关阅读:
    springboot的@EnableAutoConfiguration起作用的原理
    springboot加载bean过程探索
    dubbo源码阅读笔记-如何引用远程服务,变成invoker
    HashMap如何实现序列化
    如果处理缓存失效从数据库加载数据
    redis设计原则
    redis相关运维命令
    spring的compentScan注解扫描类机制
    全文检索技术
    前端设计网站
  • 原文地址:https://www.cnblogs.com/guanhuohuo/p/12526207.html
Copyright © 2011-2022 走看看