如何遍历JSON（使用AngularJS）并将结果放入Javascript数组中？

Question

Using the latest AngularJS version (1.3.0-rc.5), I am retrieving a simple JSON object containing people's names. Example of the JSON object:

[{'id':1, 'name':'John'}, {'id':2, 'name':'Jane'}, {'id':3, 'name':'Pete'}]

I cannot figure out how to put all the names into an associative Javascript array. In my mind I want to create an empty Javascript array and loop through the JSON object, and using .push() in the loop to keep adding the names to the array. But I cannot get this working in AngularJS.

ps. I'll accept the answer that helps me out with this.

Answer 1

Angular is not meant to help you with this, Angular is meant for other parts of the application (UI for instance). If you want to do this, in JS it's simple:

var list = [{'id':1, 'name':'John'}, {'id':2, 'name':'Jane'}, {'id':3, 'name':'Pete'}]
var names = []
for(var idx in list) {
  names.push(list[idx]['name'])
}

You also mentioned an associative array, in JS you have objects, which work similarly, but I don't understand how you want to use them... what is the index for that associative array? The name? If that's the case, then what is the value? is it the ID? If so, you could do something like this:

var list = [{'id':1, 'name':'John'}, {'id':2, 'name':'Jane'}, {'id':3, 'name':'Pete'}]
var names = {} //object literal
for(var idx in list) {
  names[list[idx]['name']] = list[idx]['id']
}

Hope that helps

Answer 2

You can do this in pure javascript

var arr = [{'id':1, 'name':'John'}, {'id':2, 'name':'Jane'}, {'id':3, 'name':'Pete'}];
var nameArr =[];
arr.forEach(
function(elem){ 
  nameArr.push(elem.name);
});

Answer 3

Use map(..) on your array object.

var obj = [{'id':1, 'name':'John'}, {'id':2, 'name':'Jane'}, {'id':3, 'name':'Pete'}];
var result = obj.map(function (x) {return x["name"]; });
//["John", "Jane", "Pete"]

Answer 4

使用angular.fromJson（）函数解决此问题。