Build a Map from a JSON using angularjs [duplicate]

Question

I've a RESTFUL WEB Service returning data in JSON format. Need to build a Map from the JSON returned by the service using AngularJS.

For instance, let the json be like as follows:

myJSON = [{
    id: 8,
    color: "red",
    value: "#f00"
},
{
    id: 37,
    color: "green",
    value: "#0f0"
},
{
    id: 45,
    color: "blue",
    value: "#00f"
}]

Need to build a map using id & value from the above JSON. I could imagine something like as follows:

var map = [myJSON.id : myJSON.value]

which would return something like

map = {8: "red", 37: "green", 45: "blue"}

A trivial solution would be looping thro' the JSON array and construct a map but is there any other method of achieving my GOAL?

Seth Flowers · Accepted Answer · 2016-03-17 19:19:59Z

3

Use the reduce function on array. See MDN. Note that this has nothing to do with angular. This is vanilla js.

var mapped = myJSON.reduce(function(map, field) {
    map[field.id] = field.color;
    return map;
}, {});

edited Mar 17, 2016 at 19:19

answered Mar 17, 2016 at 19:14

Seth Flowers

9,2302 gold badges34 silver badges46 bronze badges

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

Collectives™ on Stack Overflow

Build a Map from a JSON using angularjs [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related