CODEWITHSUNDEEP
javascriptjqueryjson
rksh
rksh

Reputation: 4050

Javascript : array.length returns undefined

I have a set of data that is being passed on by the PHP's json_encode function. I'm using the jQuery getJSON function to decode it: 

$.getJSON("url", function (data) {
    console.log(data);
});

The output looks like this in the console:

Object {1: Object, 2: Object, 3: Object, 4: Object, 5: Object, 6: Object, 7: Object, 8: Object, 9: Object, 10: Object}

I can access each array by using data[1], data[2] etc, but to make it easier I thought of looping thought it so I can access all at once:

$.getJSON("url", function (data) {
    for (var i = 0, len = data.length; i < len; i++) {
        //do something
    }
});

However I can't get this to work because the data.length returns the value undefined. What is wrong and how can I fix it?

Upvotes: 64

Views: 200271

Answers (5)

Nikolaj Egelund J&#248;rgensen
Nikolaj Egelund J&#248;rgensen

Reputation: 17

An easy fix to this question is to add '[' in the start of your json file, and ending it with a ']'. This solved it for me.

Upvotes: 1

ragklaat
ragklaat

Reputation: 946

One option is:

Object.keys(myObject).length

Sadly it not works under older IE versions (under 9).

If you need that compatibility, use the painful version:

var key, count = 0;
for(key in myObject) {
  if(myObject.hasOwnProperty(key)) {
    count++;
  }
}

Upvotes: 31

Scott Sauyet
Scott Sauyet

Reputation: 50787

It looks as though it's not an array but an arbitrary object. If you have control over the PHP serialization, you might be able to change that.

As raina77ow pointed out, one way to do this in PHP would be by replacing something like this:

json_encode($something)

with something like:

json_encode(array_values($something))

But don't ignore the other answers here about Object.keys. They should also accomplish what you want if you don't have the ability or the desire to change the serialization of your object.

Upvotes: 7

Cerbrus
Cerbrus

Reputation: 72857

Objects don't have a .length property.

A simple solution if you know you don't have to worry about hasOwnProperty checks, would be to do this:

Object.keys(data).length;

If you have to support IE 8 or lower, you'll have to use a loop, instead:

var length= 0;
for(var key in data) {
    if(data.hasOwnProperty(key)){
        length++;
    }
}

Upvotes: 91

Linga
Linga

Reputation: 10553

try this

Object.keys(data).length

If IE < 9, you can loop through the object yourself with a for loop

var len = 0;
var i;

for (i in data) {
    if (data.hasOwnProperty(i)) {
        len++;
    }
}

Upvotes: 2

Related Questions