Create map (Key,Value) structure in AngularJS and fill with data from JSON

Question

I have a list in AngularJS, $scope.list[];

What I want to know is how can I fill that list to fit a key,value structure like this:

$scope.list[{key,value},{key,value}];

and I want to fill that "map" with data coming in json format:

 {
  exportData {
    id: 1,
    name : "Peter",
    lastname : "Smith"
    age : 36
  }
}

Where the Id is going to be the KEY and the rest of the strucure is going to be de VALUE

For example in a structure like this:

[
      1: {
        name : "Peter",
        lastname : "Smith"
        age : 36
      },
    2: {
        name : "John",
        lastname : "Carlos"
        age : 40
      },
    ]

I still don't get what you currently have, what the problem is, and what's your expected result.. — choz
– choz, Commented May 23, 2016 at 4:30
Hi @choz What I have is just the reponse in JSON, and I was looking for something similar to a "map" in JS and AngularJS, my problem is that I dont know if there's something similar to a map in JS like for example in Java where you can declare a map object and then how can I fill that map with the values coming in my reponse, in this case is json format. — kennechu
– kennechu, Commented May 23, 2016 at 4:51

Suneet Bansal · Accepted Answer · 2016-05-23 06:31:37Z

4

I written the below code as per your need, hope it will help you:

var data = [
                  {
                    id: 1,
                    name : "Peter",
                    lastname : "Smith",
                    age : 36
                  }, {
                    id: 2,
                    name : "Peter",
                    lastname : "Smith",
                    age : 36
                  }
                ];

                $scope.itemList = [];
                angular.forEach(data, function(item){
                    var obj = {};
                    var valObj = {};

                    valObj.name = item.name;
                    valObj.lastname = item.lastname;
                    valObj.age = item.age;

                    obj[item.id] = valObj;
                    $scope.itemList.push(obj);
                });

answered May 23, 2016 at 6:31

Suneet Bansal

2,7061 gold badge16 silver badges18 bronze badges

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

2 Comments

kennechu Over a year ago

Thank's for your time!

kennechu Over a year ago

Hi Sunnet, one more question, according to this script how can I avoid pushing the value if the id already exists?

tuananh · Accepted Answer · 2016-05-23 04:33:47Z

1

Hope this function will help you

$scope.transform = function(exportData){ var _value = {}; _value.name = exportData.name; _value.lastname = exportData.lastname; _value.age = exportData.age; var item = [exportData.id, _value]; $scope.list.push(item); }

answered May 23, 2016 at 4:33

tuananh

7558 silver badges18 bronze badges

1 Comment

kennechu Over a year ago

Thanks for your time, I'll try this =)

Collectives™ on Stack Overflow

Create map (Key,Value) structure in AngularJS and fill with data from JSON

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related