Question

I have an array like:

errors = [ {...}, {...}, {...} ]

It’s an instanceof array, yet it only returns 1 for .length?

Relevant code:

if(data.error){
  errors.push({'element':ele,error:data.error});
}

//Above is looped a few times and there are N number of errors now inside

console.log(errors) //Returns 2+ objects like {...}, {...}
console.log(errors.length) //Returns 1

For Uzi and Muirbot, here’s the errors array:

[
Object
element: b.fn.b.init[1]
error: "You must enter "example" into the field to pass"
__proto__: Object
, 
Object
element: b.fn.b.init[1]
error: "Crap!"
__proto__: Object

Answer 1

The problem was that Chrome’s Web Inspector’s console.log is an async event. So, the length was a property lookup so it gave that back instantly, but the object with two items inside was held off until the rest of the events had fired.

In the future I, and others with this issue, should use debugger; instead.