Parse $http result to get specific items in AngularJS

Question

I get a json-style result from an $http GET in angularJS. It looks like this:

{
    "meta":{
    "limit":1000,
},
"objects":[
    {
        "custom_pk":"1",
        "linked_client":null,
        "resource_uri":"/api/v1/card_infos/1"
    },
    {
        "custom_pk":"2",
        "linked_client":null
    }, ...

I'd like to have an array which contains all custom_pk values to do something like:

$scope.validate_pk = function(val){
    if (val in myArray)
        // do some stuff

How do you create myArray?

Darin Dimitrov · Accepted Answer · 2014-03-22 15:42:59Z

2

You could extract the objects like this:

var json = ... the javascript object shown in your question
var custom_pks = [];
for (var i = 0; i < json.objects.length; i++) {
    custom_pks.push(json.objects[i].custom_pk);
}
// at this stage the custom_pks array will contain the list of all
// custom_pk properties from the objects property

answered Mar 22, 2014 at 15:42

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

2 Comments

David Dahan Over a year ago

Thx it works! As I'm going to do these kind of operations a lot, is there a simpler/cleaner way to proceed? Am I supposed to write some loops when I want to parse json?

Darin Dimitrov Over a year ago

You could also move this common functionality in a reusable function that you would invoke. The name of the property could also be dynamic: custom_pks.push(json.objects[i]['custom_pk']); allowing you more flexibility if you want to externalize this functionality and work against any property.

SimonVanCasteren · Accepted Answer · 2014-03-22 23:54:06Z

1

I would prefer to use the .map() Array function:

var myArray = json.objects.map(function(item){
    return item.custom_pk;
});

Array.map() takes a function as an argument. This function is executed once for each value in the array and gets passed (item, index, list) as parameters. The result of the map function is a new array containing the results of the passed function.

answered Mar 22, 2014 at 23:54

SimonVanCasteren

1171 silver badge8 bronze badges

Collectives™ on Stack Overflow

Parse $http result to get specific items in AngularJS

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related