zoukankan      html  css  js  c++  java
  • js对象数组(JSON) 根据某个共同字段 分组

     

    希望的是将下面的对象数组:

    [
        {"id":"1001","name":"值1","value":"111"},
        {"id":"1001","name":"值1","value":"11111"},
        {"id":"1002","name":"值2","value":"25462"},
        {"id":"1002","name":"值2","value":"23131"},
        {"id":"1002","name":"值2","value":"2315432"},
        {"id":"1003","name":"值3","value":"333333"}
    ]

    根据相同id字段分组,转换成下面这种形式:

    [
        {
            "id": "1001",
            "name": "值1",
            "data": [
                {"id": "1001", "name": "值1", "value": "111"},
                { "id": "1001", "name": "值1", "value": "11111"}
            ]
        },
        {
            "id": "1002",
            "name": "值2",
            "data": [
                { "id": "1002",  "name": "值2", "value": "25462" },
                { "id": "1002", "name": "值2", "value": "23131"},
                {"id": "1002", "name": "值2","value": "2315432" }
            ]
        },
        {
            "id": "1003",
            "name": "值3",
            "data": [
                {"id": "1003", "name": "值3", "value": "333333" }
            ]
        }
    ]

    做法:

    var arr = [
        {"id":"1001","name":"值1","value":"111"},
        {"id":"1001","name":"值1","value":"11111"},
        {"id":"1002","name":"值2","value":"25462"},
        {"id":"1002","name":"值2","value":"23131"},
        {"id":"1002","name":"值2","value":"2315432"},
        {"id":"1003","name":"值3","value":"333333"}
    ];
    
    var map = {},
        dest = [];
    for(var i = 0; i < arr.length; i++){
        var ai = arr[i];
        if(!map[ai.id]){
            dest.push({
                id: ai.id,
                name: ai.name,
                data: [ai]
            });
            map[ai.id] = ai;
        }else{
            for(var j = 0; j < dest.length; j++){
                var dj = dest[j];
                if(dj.id == ai.id){
                    dj.data.push(ai);
                    break;
                }
            }
        }
    }
    
    console.log(dest);
  • 相关阅读:
    矩阵树(Matrix-Tree)定理精华
    【面试题flex】关于弹性盒子中 flex: 0 1 auto 的一系列问题
    纯函数-Javascript
    uniapp 低功耗蓝牙使用(经典蓝牙用native.js)
    uniapp截屏
    unicloud数据聚合处理
    uniapp的post请求失效问题
    unicloud链表查询
    uni-id的使用
    坐标转换
  • 原文地址:https://www.cnblogs.com/wangking/p/8359728.html
Copyright © 2011-2022 走看看