兩個數組通過相同項，匹配得到新數組對象

之前博文中寫過通過相同項匹配的，這里不贅述

項目需求：統計各個APP從當前周往前推5周，也就是最近六周的點擊量，因為后台返回的數據中，有些周是不存在的，雖然已跟后台說沒有點擊量的要為0，但是為了穩妥起見，還是需要前端進行數據處理，畢竟最可靠的還是自己，來，看下后台返回的數據格式：

這就是后台返回的數據，其中缺少了部分周的數據，因為我這里使用了vue，而且數據是綁定到echarts上的，所以我需要的最后的數據只有周數和點擊量

1.先獲取最近六周的周數列表：

setWeek () {
   let d1 = new Date()
   let d2 = new Date()
   d2.setMonth(0)
   d2.setDate(1)
   let rq = d1-d2
   let s1 = Math.ceil(rq/(24*60*60*1000))
   let sWeek = Math.ceil(s1/7)
   let week = []
   if (sWeek >= 6) {
        for (let i=0; i < 6; i++) {
              week.push((sWeek - i))
        }
   }
   return week.reverse()
},

在mounted中保存：

this.weekList = this.setWeek()

OK，這是周數列表：

2.對數據進行處理：

let dataB = data //另存返回的數據
let nameList = [] //名稱列表，在這里其實就是周數的列表，因為我數據綁定到echarts，所以需要對應的橫坐標
let seriesList = [] //數據列表
for (let i=0; i<dataB.length; i++) {
    let nullSeries = {} 7     let oneData = dataB[i].data.map((item) => {return item.tWeek}) //把里層的data的周拿出來
    let nullData = [] //定義空的data來保存當前數據
    for (let j=0; j<self.weekList.length; j++) { //以之前獲取的weekList為標准
        if (oneData.indexOf(self.weekList[j]) > -1) { //如果里層data周數存在的話
            let obj = {}
            obj = dataB[i].data.find((item) => { //匹配得到當前周數的數據
            　　return item.tWeek == self.weekList[j]
            })
            nullData.push(obj.tNum) //將點擊量存入空的data中
        } else {
            nullData.push('0') //如果不存在這周，我就讓他的點擊量為0
        }
    }
    nullSeries.name = dataB[i].name //APP的名字
    nullSeries.type = 'line'
    nullSeries.smooth = true
    nullSeries.data = nullData
    seriesList.push(nullSeries) //保存本條數據
    nameList.push(dataB[i].name)
}

OK，這是處理完以后的數據：

 

 希望本文對你有所幫助！