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

admin管理员组

文章数量:1349221

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 ing 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 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 ing 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
      },
    ]

• javascript
• angularjs
• dictionary

Share Improve this question Follow edited May 23, 2016 at 4:45 kennechu asked May 23, 2016 at 4:27 kennechukennechu 1,42299 gold badges2525 silver badges3737 bronze badges 3

• I still don't get what you currently have, what the problem is, and what's your expected result.. – choz Commented May 23, 2016 at 4:30
• but export data shouldn't be an array? – dminones Commented May 23, 2016 at 4:33
• 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 ing in my reponse, in this case is json format. – kennechu Commented May 23, 2016 at 4:51

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 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);
                });

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); }

本文标签：