兩個數組對象,id 相同取出其一一對應的的每一項,

Lyux 發布于2019-08-26 10:28 / 3545人閱讀

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

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

  已知:   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=[]//網格
     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云服務器云服務器每一項選擇一項對應id顯示 js判斷數組中是否包含某一項

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106229.html

JavaScript數組方法全面的總結

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

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

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

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

摘要：刪除刪除數組元素刪除第一個元素可以看出，通過運算符刪除數組元素也有一些注意的地方。數組方法也可以用于刪除數組元素，后面講解。該方法對數組的每一項運行給定的函數，返回該函數會返回的項組成的數組。結合《javascript高級程序設計》《javascript權威指南》《javascript語言精粹》做的一篇關于Array對象的全面解析。分為兩篇：基礎篇和擴展應用篇。 1.概念及...

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

摘要：在通過對象字面量定義對象時，實際上不會調用構造函數相當于因為是松散類型數據，所以類型也擁有著同樣的特性。數組的每一項可以保存任何類型的數據，且數組的大小是可以動態調整的。對數組中的每一項運行給定函數，返回該函數會返回的項組成的數組。 1.在通過對象字面量定義對象時，實際上不會調用 Object 構造函數 var person = { name : Nicholas, a...

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

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

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