兩個(gè)數(shù)組對象,id 相同取出其一一對應(yīng)的的每一項(xiàng),

Lyux 發(fā)布于2019-08-26 10:28 / 3567人閱讀

摘要：從后臺獲取了兩個(gè)數(shù)組對象每個(gè)數(shù)組對象中一一對應(yīng)其中相同。要求組成三個(gè)數(shù)組每個(gè)數(shù)組一一對應(yīng)三個(gè)數(shù)組的元素為這兩個(gè)數(shù)組對象的某個(gè)值如下例子已知張三李四王五張三籃球李四足球王五羽毛球需求張三李四王五籃球足球羽毛球方法如下網(wǎng)格安裝營銷

從后臺獲取了兩個(gè)數(shù)組對象,每個(gè)數(shù)組對象中一一對應(yīng),其中id相同。要求:組成三個(gè)數(shù)組,每個(gè)數(shù)組一一對應(yīng),三個(gè)數(shù)組的元素為這兩個(gè)數(shù)組對象的某個(gè)值
如下例子:

  已知:   yxlist:[
             {name:"張三",id:"1",age:18},
             {name:"李四",id:"2",age:19},
             {name:"王五",id:"3",age:20},
         ]

        azlist: [
            {name:"張三",id:"1",hobby:籃球},
            {name:"李四",id:"2",hobby:足球},
            {name:"王五",id:"3",hobby:羽毛球},
        ]

 需求:       ["張三","李四","王五"]
             ["18","19","20"]
             ["籃球","足球","羽毛球"]

方法如下:

     let name=[]//網(wǎng)格
     let AzcountKdzs=[]//安裝
     let YxcountKdzs=[]//營銷
     let obj = {}
     
     yxlist.forEach(item => {
           obj[item.YxgridId] = obj[item.YxgridId] || {yx: 0, az: 0, name: item.YxGname}
           obj[item.YxgridId].yx= item.YxcountKdzs
        });    
     azlist.forEach(item => {
          obj[item.AzgridId] = obj[item.AzgridId] || {yx: 0, az: 0, name: item.AzGname}
          obj[item.AzgridId].az = item.AzcountKdzs
       });  
     console.log(obj,666)
     Object.keys(obj).forEach((key) => {
          if(obj[key].name){
          name.push(obj[key].name)
          AzcountKdzs.push(obj[key].az)
          YxcountKdzs.push(obj[key].yx)
        }
    });

GPU云服務(wù)器云服務(wù)器每一項(xiàng) 選擇一項(xiàng) 對應(yīng)id顯示 js判斷數(shù)組中是否包含某一項(xiàng)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/106229.html

相關(guān)文章

JavaScript數(shù)組方法全面的總結(jié)

摘要：因?yàn)檗D(zhuǎn)換為字符串后，在前面還可以接受一個(gè)函數(shù)作為參數(shù)，根據(jù)函數(shù)的返回值進(jìn)行排序。函數(shù)的返回值將作為新數(shù)組中的每一項(xiàng)的值。該方法接收一個(gè)函數(shù)作為參數(shù)，對數(shù)組中的每一項(xiàng)運(yùn)行該函數(shù)，該方法沒有返回值。 1. 檢測對象是不是數(shù)組 instanceof操作符 Array.isArray()方法 var color = new Array(red, green); console....

luckyyulin 2019-08-20 17:04 評論0 收藏0
引用類型基本使用

摘要：引用類型類型創(chuàng)建實(shí)例用的少等價(jià)于操作符字面量表示法這里的稱為屬性，屬性名可以用字符串。函數(shù)返回的值作為下一次的第一個(gè)參數(shù)使用，依次遍歷數(shù)組，直至結(jié)束。引用類型 Object類型創(chuàng)建實(shí)例： var person = new Object() （用的少）等價(jià)于 var person = {} person.name = kangkang person.age = 18 // new 操...

elina 2019-08-22 16:27 評論0 收藏0
[ JS 基礎(chǔ) ] Array 對象全面解析 -- 掌握基礎(chǔ) ( 4 )

摘要：刪除刪除數(shù)組元素刪除第一個(gè)元素可以看出，通過運(yùn)算符刪除數(shù)組元素也有一些注意的地方。數(shù)組方法也可以用于刪除數(shù)組元素，后面講解。該方法對數(shù)組的每一項(xiàng)運(yùn)行給定的函數(shù)，返回該函數(shù)會返回的項(xiàng)組成的數(shù)組。結(jié)合《javascript高級程序設(shè)計(jì)》《javascript權(quán)威指南》《javascript語言精粹》做的一篇關(guān)于Array對象的全面解析。分為兩篇：基礎(chǔ)篇和擴(kuò)展應(yīng)用篇。 1.概念及...

sutaking 2019-08-21 10:29 評論0 收藏0
JavaScript紅寶書筆記（五）---引用類型

摘要：在通過對象字面量定義對象時(shí)，實(shí)際上不會調(diào)用構(gòu)造函數(shù)相當(dāng)于因?yàn)槭撬缮㈩愋蛿?shù)據(jù)，所以類型也擁有著同樣的特性。數(shù)組的每一項(xiàng)可以保存任何類型的數(shù)據(jù)，且數(shù)組的大小是可以動態(tài)調(diào)整的。對數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回該函數(shù)會返回的項(xiàng)組成的數(shù)組。 1.在通過對象字面量定義對象時(shí)，實(shí)際上不會調(diào)用 Object 構(gòu)造函數(shù) var person = { name : Nicholas, a...

G9YH 2019-08-23 18:21 評論0 收藏0
微信小程序的按鈕toogle效果

摘要：但是我們又要實(shí)現(xiàn)，連續(xù)點(diǎn)擊兩次同一個(gè)按鈕時(shí)，這個(gè)一級菜單有效果，如果像上面那樣把恢復(fù)初始值，就不能實(shí)現(xiàn)效果。這時(shí)的兩個(gè)數(shù)組的完全獨(dú)立的。創(chuàng)建一個(gè)公用的導(dǎo)航navBar組件，讓它可以在所有頁面使用，比如在index.wxml,引用navBar組件，方法如下 1.在需要引用組件的頁面中的json中定義這個(gè)組件 //index.json { usingComponents: { ...

Seay 2019-08-22 16:57 評論0 收藏0