Underscore.js带有子数组的新对象数组

Question

I have an array of objects in the following structure

var projects = [
    {id:'1',name:'project1', parentid:"null"},
    {id:'2',name:'project2', parentid:"null"},
    {id:'3',name:'subproject1', parentid:"1"},
    {id:'4',name:'subproject2', parentid:"1"},
    {id:'5',name:'subproject3', parentid:"2"}
];

I would like to make a new array with the following structure

var newProjects = [
    {text:'project1', children:[
        {id:'3',name:'subproject1', parentid:"1"},
        {id:'4',name:'subproject2', parentid:"1"}
    ]},
    {text:'project2', children:[
        {id:'5',name:'subproject3', parentid:"2"}
    ]}
]

I have been able to do this using a bunch of loops and if statements but would like to clean it up by using Underscore.js but been unable to do so. could someone please point me in the right direction?

Answer 1

Based on the data given, you can probably get away with using a simple groupBy and map .

Something like this:

var grouped = _.groupBy(projects, 'parentid');
var newProjects = _.map(grouped['null'], function (project, id) {
    return {
        text: project.name,
        children: grouped[project.id]
    };
});

If you have deeper nesting, you'll need to work out a more robust solution, but this should give you an idea on what to do.