AngularJS and JSON Array

Question

I am trying to arrange the existed JSON Array following as below by using AngularJS filter such as $filter, but it is failing.

 {
        {       
            name: "name 1",         
            label: "A",     
        },
        {       
            name: "name 2",         
            label: "A",     
        },
        {       
            name: "name 3",         
            label: "B",     
        },
        {       
            name: "name 4",         
            label: "B",     
        },
        {       
            name: "name 5",         
            label: "B",     
        },
        {       
            name: "name 6",         
            label: "C",     
        },
        {       
            name: "name 7",         
            label: "C",     
        },
        {       
            name: "name 8",         
            label: "C",     
        },
        {       
            name: "name 9",         
            label: "D",     
        }
    }

What I want is to arrange this array to new one following as below.

{
    "A" : { 
        {       
            name: "name 1",         
            label: "A",     
        },
        {       
            name: "name 2",         
            label: "A",     
        },
    },
    "B" : {
        {       
            name: "name 3",         
            label: "B",     
        },
        {       
            name: "name 4",         
            label: "B",     
        },
        {       
            name: "name 5",         
            label: "B",     
        },
    },
    "C" : {
        {       
            name: "name 6",         
            label: "C",     
        },
        {       
            name: "name 7",         
            label: "C",     
        },
        {       
            name: "name 8",         
            label: "C",     
        },
    },
    "D" : {
        {       
            name: "name 9",         
            label: "D",
        }
    }   
}

How can I get the new array using angularJS?

shershen · Accepted Answer · 2016-05-10 16:54:28Z

2

If you were using lodash, you could utilise _.groupBy function for this:

var grouppedArray = _.groupBy(myArray, function(i){
  return i.label;
})

To extract only labels you could smth like this

var uniqueLables = [];
angular.forEach(myArray, function(obj){
  if(uniqueLables.indexOf(obj.label) == -1) uniqueLables.push(obj.label)
})

edited May 10, 2016 at 16:54

answered May 10, 2016 at 16:00

shershen

10k11 gold badges44 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Michael Lee Over a year ago

Thank you. one more help. How can I get only "A", "B", "C" without any children values?

aseferov · Accepted Answer · 2016-05-10 16:01:08Z

0

try this

   var result = {}
   angular.forEach(jsonData, function(obj){
       if(!result.hasOwnProperty(obj.label) result[obj.label] = []
       result[obj.label].push(obj)
   })

   console.log(result)

answered May 10, 2016 at 16:01

aseferov

6,4233 gold badges20 silver badges24 bronze badges

Collectives™ on Stack Overflow

AngularJS and JSON Array

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related