To count the number of objects in object literal using Jquery

Question

Code:

var animals = {
                    \"elephant\": {
                                    \"name\" : \"Bingo\",
                                    \"age\" :         


        

Answer 1

You could use Object.keys(animals).length

Or

var count = 0;
for (var animal in animals) {
    if (animals.hasOwnProperty(animal)) {
        count++;
    }
}
// `count` now holds the number of object literals in the `animals` variable

Or one of many jQuery solutions that may or may not be the most efficient:

var count = $.map(animals, function(n, i) { return i; }).length;

Answer 2

If you want something cross browser, that is also working on IE8, you can't do it in a really clean way (see compatibility of the keys property).

I suggest this :

var n = 0;
for (var _ in animals) n++;

(as it is an object literal, no need for hasOwnProperty)

Answer 3

Can't you use an array?

Anyway, in an object, you can do that:

Object.prototype.length = function() {
    var count = 0, k=null;
    for (k in this) {
        if (this.hasOwnProperty(k)) count++;
    }
    return count;
}
console.log( animals.length() );