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;
            });
    
  • 相关阅读:
    十分钟开发一个调用Activity的PhoneGap插件
    Mac下MAMP初试体验
    探索Android中的Parcel机制(上)
    两个栈实现队列+两个队列实现栈----java
    php实现工厂模式
    Hibernate Criterion
    Android用户界面概览
    秒杀多线程第四篇 一个经典的多线程同步问题
    Java串口通信具体解释
    逗比之——程序猿装逼手冊1(0基础版)
  • 原文地址:https://www.cnblogs.com/guanhuohuo/p/12526207.html
Copyright © 2011-2022 走看看