AngularJS count JSON array

Question

Please help me, I have angularJS code like this :

.state('masterpegawai.alltalenta', {
            url: '/alltalenta',
            templateUrl: 'public/js/partial-masterpegawai-alltalenta.html',
            controller:function($scope,$http,$interval){
                    $http.get('http://10.16.107.77:3000/allhistorytalenta').success(function(data){

                        $scope.listtalentapegawai=data;

                    });
            }
        })

That produce JSON like this :

[{
    "nip": "6080022A",
    "nama": "ASLAN PURNAMA",
    "semester1_2012": null,
    "semester2_2012": null,
    "semester1_2013": null,
    "semester2_2013": null,
    "semester1_2014": null,
    "semester2_2014": "Potensial",
    "semester1_2015": null
}, {
    "nip": "6080022A",
    "nama": "ASLAN PURNAMA",
    "semester1_2012": null,
    "semester2_2012": null,
    "semester1_2013": null,
    "semester2_2013": null,
    "semester1_2014": null,
    "semester2_2014": null,
    "semester1_2015": "Potensial"
}, {
    "nip": "6080038A",
    "nama": "SYAIFUL ANWAR",
    "semester1_2012": null,
    "semester2_2012": null,
    "semester1_2013": null,
    "semester2_2013": null,
    "semester1_2014": null,
    "semester2_2014": "Potensial",
    "semester1_2015": null
}, {
    "nip": "6080038A",
    "nama": "SYAIFUL ANWAR",
    "semester1_2012": null,
    "semester2_2012": null,
    "semester1_2013": null,
    "semester2_2013": null,
    "semester1_2014": null,
    "semester2_2014": null,
    "semester1_2015": "Potensial"
}, {
    "nip": "6080048A",
    "nama": "NURHAYATI",
    "semester1_2012": null,
    "semester2_2012": null,
    "semester1_2013": "Potensial",
    "semester2_2013": null,
    "semester1_2014": null,
    "semester2_2014": null,
    "semester1_2015": null
}]

I Would like to count the array key and my final result should be 9

because each array contain 9 keys

"nip",
"nama",
"semester1_2012",
"semester2_2012",
"semester1_2013",
"semester2_2013",
"semester1_2014",
"semester2_2014",
"semester1_2015"

I am new to AngularJS and have try length method but the result always greater than 9 because it counts the entire JSON

Uppsss my fault, forgot to put [0], It works.. Thank You very much Alvaro — Arief Grando
– Arief Grando, Commented Feb 12, 2016 at 3:27

Alvaro Silvino · Accepted Answer · 2016-02-12 03:24:53Z

4

You can use the function Object.keys

var length = 0;    

Object.keys(o).forEach(function(key) {
              var val = o[key];
             length = length + 1;

    });

Where o is any object.

In your case o should be any object of the array $scope.listtalentapegawai .

If you only want the Length you can do just like:

var length = Object.keys(o).length;

EDIT: your examples

.state('masterpegawai.alltalenta', {
            url: '/alltalenta',
            templateUrl: 'public/js/partial-masterpegawai-alltalenta.html',
            controller:function($scope,$http,$interval){
                    $http.get('http://10.16.107.77:3000/allhistorytalenta').success(function(data){

                        $scope.listtalentapegawai=data;

         var length = Object.keys($scope.listtalentapegawai[0]).length; // will be 9


                    });
            }
        })

edited Feb 12, 2016 at 3:24

answered Feb 12, 2016 at 2:58

Alvaro Silvino

9,83314 gold badges56 silver badges81 bronze badges

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

8 Comments

Arief Grando Over a year ago

Hi, Alvaro it return : 3610 not 9

Alvaro Silvino Over a year ago

You can just use this. var length = Object.keys(o).length;

Arief Grando Over a year ago

Still return greater than 9, I am expecting the result is 9 because every array have 9 keys

Arief Grando Over a year ago

My final code is --> var length = Object.keys($scope.listtalentapegawai).length; $scope.panjang=length; when I put {{panjang}} the result is 3610 not 9

Arief Grando Over a year ago

Uppsss my fault, forgot to put [0], It works.. Thank You very much Alvaro

|

Collectives™ on Stack Overflow

AngularJS count JSON array

1 Answer 1

EDIT: your examples

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

EDIT: your examples

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related