堆栈内存溢出
  简体   繁体   English

我想要按对象数组分组，例如 JavaScript 中的特定数组对象

[英]I want Group By Arrays of Objects like specific array objects in JavaScript

 原文  2020-10-21 07:14:13  7   1    javascript/ arrays/ group-by/ reduce

问题描述

i have array objects like here:我有像这里这样的数组对象：

const mockData = [
    {
        "Id": "596840b0c09b5e6a28433715",
        "Status": 0,
        "CreatedAt": "2020-09-23T08:12:48.378Z",
        "UpdatedAt": "2020-09-23T08:12:48.378Z",
        "Name": {
            "vi": "Việt Nam",
            "en": "Vietnam"
        },
        "AppId": "",
        "ParentId": "",
        "AdminLevel": 2
    },
    {
        "Id": "596840b0c09b5e6a28434717",
        "Status": 0,
        "CreatedAt": "2020-10-16T04:13:35.548Z",
        "UpdatedAt": "2020-10-16T04:13:35.548Z",
        "Name": {
            "vi": "Thành phố Hải Phòng",
            "en": "Hai Phong City"
        },
        "AppId": "",
        "ParentId": "596840b0c09b5e6a28433715",
        "AdminLevel": 4
    },
    {
        "Id": "596840b0c09b5e6a28435d6b",
        "Status": 0,
        "CreatedAt": "2020-10-16T04:13:35.548Z",
        "UpdatedAt": "2020-10-16T04:13:35.548Z",
        "Name": {
            "vi": "Thành phố Hồ Chí Minh",
            "en": "Ho Chi Minh City"
        },
        "AppId": "",
        "ParentId": "596840b0c09b5e6a28433715",
        "AdminLevel": 4
    },
    {
        "Id": "596840b0c09b5e6a2843535e",
        "Status": 0,
        "CreatedAt": "2020-10-16T04:13:35.548Z",
        "UpdatedAt": "2020-10-16T04:13:35.548Z",
        "Name": {
            "vi": "Thành phố Đà Nẵng",
            "en": "Da Nang City"
        },
        "AppId": "",
        "ParentId": "596840b0c09b5e6a28433715",
        "AdminLevel": 4
    },
    {
        "Id": "596840b0c09b5e6a28435e82",
        "Status": 0,
        "CreatedAt": "2020-10-20T02:18:49.934Z",
        "UpdatedAt": "2020-10-20T02:18:49.934Z",
        "Name": {
            "vi": "Huyện Củ Chi",
            "en": "Cu Chi District"
        },
        "AppId": "",
        "ParentId": "596840b0c09b5e6a28435d6b",
        "AdminLevel": 6
    },
    {
        "Id": "596840b0c09b5e6a28435e98",
        "Status": 0,
        "CreatedAt": "2020-10-20T02:18:49.934Z",
        "UpdatedAt": "2020-10-20T02:18:49.934Z",
        "Name": {
            "vi": "Huyện Hóc Môn",
            "en": "Hoc Mon District"
        },
        "AppId": "",
        "ParentId": "596840b0c09b5e6a28435d6b",
        "AdminLevel": 6
    },
    {
        "Id": "596840b0c09b5e6a28435eb6",
        "Status": 0,
        "CreatedAt": "2020-10-20T02:18:49.934Z",
        "UpdatedAt": "2020-10-20T02:18:49.934Z",
        "Name": {
            "vi": "Huyện Nhà Bè",
            "en": "Nha Be District"
        },
        "AppId": "",
        "ParentId": "596840b0c09b5e6a28435d6b",
        "AdminLevel": 6
    },
    {
        "Id": "596840b0c09b5e6a28435d6c",
        "Status": 0,
        "CreatedAt": "2020-10-20T02:18:49.934Z",
        "UpdatedAt": "2020-10-20T02:18:49.934Z",
        "Name": {
            "vi": "Quận 1",
            "en": "District 1"
        },
        "AppId": "",
        "ParentId": "596840b0c09b5e6a28435d6b",
        "AdminLevel": 6
    },
    {
        "Id": "596840b0c09b5e6a2843538b",
        "Status": 0,
        "CreatedAt": "2020-10-20T02:18:50.831Z",
        "UpdatedAt": "2020-10-20T02:18:50.831Z",
        "Name": {
            "vi": "Quận Cẩm Lệ",
            "en": "Cam Le District"
        },
        "AppId": "",
        "ParentId": "596840b0c09b5e6a2843535e",
        "AdminLevel": 6
    },
    {
        "Id": "596840b0c09b5e6a28435370",
        "Status": 0,
        "CreatedAt": "2020-10-20T02:18:50.831Z",
        "UpdatedAt": "2020-10-20T02:18:50.831Z",
        "Name": {
            "vi": "Quận Hải Châu",
            "en": "Hai Chau District"
        },
        "AppId": "",
        "ParentId": "596840b0c09b5e6a2843535e",
        "AdminLevel": 6
    }
]

i want group by it become like below:我希望按它分组如下：

[
    {
        Id:"596840b0c09b5e6a2843535e",
        AdminLevel: 4, // demo field to understand, will remove in result
        selected: ["596840b0c09b5e6a28435370","596840b0c09b5e6a2843538b"] //array string contains Id of Adminlevel 6 follow ParentId ( is Id of AdminLevel 4 )
    },
     .....//another object with object like on top
     .....
]

Explain want:解释想要：

-Group by Id Follow AdminLevel 4. - 按Id分组 遵循 AdminLevel 4。

-Selected is string array Id of AdminLevel 6, have ParentId match with Id of Adminlevel 4. -Selected 是 AdminLevel 6 的字符串数组Id ， ParentId与 AdminLevel 4 的Id匹配。

I have code for this, but it still not in line with expectations of my.我有这方面的代码，但它仍然不符合我的期望。

let group = mockData.reduce(function (rv, x) {
            if (x.ParentId && x.AdminLevel === 6) {
                (rv[x["ParentId"]] = rv[x["ParentId"]] || []).push(x.Id);
            }
            return rv;
        }, {});

AnyOne can have new resolve or continue fix for my code?任何人都可以有新的解决方案或继续修复我的代码？ Thanks very much.非常感谢。

1 个解决方案

解决方案1
 1 已采纳  2020-10-21 07:56:31

Your reduce isn't doing anything with the AdminLevel 4 items.您的 reduce 对 AdminLevel 4 项目没有任何作用。

Check the AdminLevel to determine which property to use as the group key and if the accumulator object doesn't have that key create the new object.检查 AdminLevel 以确定将哪个属性用作组键，如果累加器对象没有该键，则创建新对象。

Then check if AdminLevel is 6 to push it's Id into the selected array然后检查 AdminLevel 是否为 6 以将其 Id 推送到所选数组中

 const grouped = mockData.filter(o => [4,6].includes(o.AdminLevel)) .reduce((acc, {Id, AdminLevel, ParentId})=>{ const key = AdminLevel === 4 ? Id: ParentId; acc[key] = acc[key] || {Id, AdminLevel:4, Selected:[]} if(AdminLevel === 6){ acc[key].Selected.push(Id); } return acc; },{}); const res = Object.values(grouped) console.log(res)
 .as-console-wrapper { max-height: 100%!important;top:0;}
 <script> const mockData=[{Id:"596840b0c09b5e6a28433715",Status:0,CreatedAt:"2020-09-23T08:12:48.378Z",UpdatedAt:"2020-09-23T08:12:48.378Z",Name:{vi:"Việt Nam",en:"Vietnam"},AppId:"",ParentId:"",AdminLevel:2},{Id:"596840b0c09b5e6a28434717",Status:0,CreatedAt:"2020-10-16T04:13:35.548Z",UpdatedAt:"2020-10-16T04:13:35.548Z",Name:{vi:"Thành phố Hải Phòng",en:"Hai Phong City"},AppId:"",ParentId:"596840b0c09b5e6a28433715",AdminLevel:4},{Id:"596840b0c09b5e6a28435d6b",Status:0,CreatedAt:"2020-10-16T04:13:35.548Z",UpdatedAt:"2020-10-16T04:13:35.548Z",Name:{vi:"Thành phố Hồ Chí Minh",en:"Ho Chi Minh City"},AppId:"",ParentId:"596840b0c09b5e6a28433715",AdminLevel:4},{Id:"596840b0c09b5e6a2843535e",Status:0,CreatedAt:"2020-10-16T04:13:35.548Z",UpdatedAt:"2020-10-16T04:13:35.548Z",Name:{vi:"Thành phố Đà Nẵng",en:"Da Nang City"},AppId:"",ParentId:"596840b0c09b5e6a28433715",AdminLevel:4},{Id:"596840b0c09b5e6a28435e82",Status:0,CreatedAt:"2020-10-20T02:18:49.934Z",UpdatedAt:"2020-10-20T02:18:49.934Z",Name:{vi:"Huyện Củ Chi",en:"Cu Chi District"},AppId:"",ParentId:"596840b0c09b5e6a28435d6b",AdminLevel:6},{Id:"596840b0c09b5e6a28435e98",Status:0,CreatedAt:"2020-10-20T02:18:49.934Z",UpdatedAt:"2020-10-20T02:18:49.934Z",Name:{vi:"Huyện Hóc Môn",en:"Hoc Mon District"},AppId:"",ParentId:"596840b0c09b5e6a28435d6b",AdminLevel:6},{Id:"596840b0c09b5e6a28435eb6",Status:0,CreatedAt:"2020-10-20T02:18:49.934Z",UpdatedAt:"2020-10-20T02:18:49.934Z",Name:{vi:"Huyện Nhà Bè",en:"Nha Be District"},AppId:"",ParentId:"596840b0c09b5e6a28435d6b",AdminLevel:6},{Id:"596840b0c09b5e6a28435d6c",Status:0,CreatedAt:"2020-10-20T02:18:49.934Z",UpdatedAt:"2020-10-20T02:18:49.934Z",Name:{vi:"Quận 1",en:"District 1"},AppId:"",ParentId:"596840b0c09b5e6a28435d6b",AdminLevel:6},{Id:"596840b0c09b5e6a2843538b",Status:0,CreatedAt:"2020-10-20T02:18:50.831Z",UpdatedAt:"2020-10-20T02:18:50.831Z",Name:{vi:"Quận Cẩm Lệ",en:"Cam Le District"},AppId:"",ParentId:"596840b0c09b5e6a2843535e",AdminLevel:6},{Id:"596840b0c09b5e6a28435370",Status:0,CreatedAt:"2020-10-20T02:18:50.831Z",UpdatedAt:"2020-10-20T02:18:50.831Z",Name:{vi:"Quận Hải Châu",en:"Hai Chau District"},AppId:"",ParentId:"596840b0c09b5e6a2843535e",AdminLevel:6}]; </script>

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 将JSON对象分组为数组 - Group like JSON objects into arrays 按特定顺序将数组中的 JavaScript 对象分组 - Group an JavaScript objects in array in specific order 如何通过对象数组 javascript 中的特定公共属性合并对象的 arrays - how merge arrays of objects by specific common property in on array of objects javascript 将嵌套的对象数组转换为 JavaScript 或 TypeScript 中数据的特定对象组 - Convert nested array of objects to specific group of objects of the data in JavaScript or TypeScript 我想在 javascript 中初始化一个对象数组 - I want to initialize an array of objects in javascript 数组像Javascript中的对象 - Array Like Objects in Javascript 如何将数组中的对象分组为JavaScript中多个数组的3个对象的集合？ - how to group objects in an array into set of 3 object of multiple arrays in javascript? JavaScript - 根据多个属性将对象数组分组为子数组 - JavaScript - Group array of objects into sub-arrays based on multiple properties 为什么在Javascript中使用类似于数组的对象而不是本机数组 - Why Are Array-Like Objects Used in Javascript Over Native Arrays 为什么JavaScript不能将类似数组的对象转换为数组？ - Why does JavaScript not convert array-like objects to arrays?
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM