两个数组对象,id 相同取出其一一对应的的每一项,

Lyux 发布于2019-08-26 10:28 / 3515人阅读

摘要：从后台获取了两个数组对象每个数组对象中一一对应其中相同。要求组成三个数组每个数组一一对应三个数组的元素为这两个数组对象的某个值如下例子已知张三李四王五张三篮球李四足球王五羽毛球需求张三李四王五篮球足球羽毛球方法如下网格安装营销

从后台获取了两个数组对象,每个数组对象中一一对应,其中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判断数组中是否包含某一项

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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