Thursday, April 12, 2012

How do I count a JavaScript object"s attributes?


Suppose I have the following object in JavaScript:




var object = {
"key1": "value1",
"key2": "value2",
"key3": "value3"
};



How do I find out how many values exist in the object?


Source: Tips4all

7 comments:

  1. There's no easy answer, because Object -- which every object in JS derives from -- includes many attributes automatically, and the exact set of attributes you get depends on the particular interpreter and what code has executed before yours. So, you somehow have to separate the ones you defined from those you got "for free".

    Here's one way:

    var foo = {"key1": "value1", "key2": "value2", "key3": "value3"};
    Object.prototype.foobie = 'bletch'; // add property to foo that won't be counted

    var count = 0;
    for (var k in foo) {
    if (foo.hasOwnProperty(k)) {
    ++count;
    }
    }
    alert("Found " + count + " properties specific to foo");


    EDIT: The second line shows how other code can add properties to all Object derivatives. If you remove the "hasOwnProperty()" check inside the loop, the property count will go up to at least 4. On a page with other JS besides this code, it could be higher than 4, if that other code also modifies the Object prototype.

    ReplyDelete
  2. You can iterate over the object to get the keys or values:

    function numKeys(obj)
    {
    var count = 0;
    for(var prop in obj)
    {
    count++;
    }
    return count;
    }

    It looks like a "spelling mistake" but just want to point out that your example is invalid syntax, should bevar object = {"key1":"value1","key2":"value2","key3":"value3"};

    ReplyDelete
  3. This was answered pretty well in another post:
    http://stackoverflow.com/questions/126100/how-to-efficiently-count-the-number-of-keys-properties-of-an-object-in-javascript

    ReplyDelete
  4. This function makes use of Mozilla's __count__ property if it is available as it is faster than iterating over every property.

    function countProperties(obj) {
    var count = "__count__",
    hasOwnProp = Object.prototype.hasOwnProperty;

    if (typeof obj[count] === "number" && !hasOwnProp.call(obj, count)) {
    return obj[count];
    }
    count = 0;
    for (var prop in obj) {
    if (hasOwnProp.call(obj, prop)) {
    count++;
    }
    }
    return count;
    };

    countProperties({
    "1": 2,
    "3": 4,
    "5": 6
    }) === 3;

    ReplyDelete
  5. EDIT: this will case errors with jquery to happen, plus some other inconveniences. YOU SHOULD NOT USE IT: (perhaps if one could add a privaate method instead of a public property function, this would be OK, but don't have the time now). Community wikied

    do not use:

    Even though javascript's object by default doesn't have the count function, classes are easily extendable, and one can add it oneself:

    Object.prototype.count = function () {
    var count = 0;
    for(var prop in this) {
    if(this.hasOwnProperty(prop))
    count = count + 1;
    }
    return count;
    }


    So that after that one can execute

    var object = {'key1': 'val1', 'key2':'val2', 'key3':'val3'};
    console.log(object.count()); // 3


    As a conclusion, if you want count functionality in objects, you need to copy the code from code block 1, and paste it early in execution time ( before you call the count ).

    Let me know if that works for you!

    Regards,
    Pedro

    ReplyDelete
  6. For those which will read this question/answers, here is a JavaScript implementation of Dictionary collection very similar as functionality as .NET one: JavaScript Dictionary

    ReplyDelete
  7. Although it wouldn't be a "true object", you could always do something like this:

    var foo = [
    {Key1: "key1"},
    {Key2: "key2"},
    {Key3: "key3"}
    ];

    alert(foo.length); // === 3

    ReplyDelete