CODEWITHSUNDEEP
javascripthtml
ryandlf
ryandlf

Reputation: 28555

Is HTMLCollection An Array?

I understand that HTMLCollection is not actually an array, or else it would be defined as an array. I use a help function that I call isArray() to detect whether or not an object is an array. I use this little helper all over the place and i've been running problems on this returning false when checking against an htmlCollection. 

var isArray: function(obj) {
    var type = Function.prototype.call.bind( Object.prototype.toString );
    return type(obj) === '[object Array]' || type(obj) === '[object HTMLCollection]';
}

Would it be wrong to check for the htmlCollection type within this helper function and assume that it is the same thing as an array? What makes it any different? Other than its html elements as opposed to javascript objects.

Upvotes: 22

Views: 22726

Answers (2)

rdonatoiop
rdonatoiop

Reputation: 1185

If you are considering an Array conversion, please refer to this post:

Most efficient way to convert an HTMLCollection to an Array.

They discussed some methods, and the solution in the selected answer also worked in a situation I´ve experienced.

Upvotes: 7

I Hate Lazy
I Hate Lazy

Reputation: 48789

No, it's an HTMLCollection, not an Array.

It has Array-like characteristics, like numeric properties, and a .length property, but it does not inherit from Array.prototype. Therefore it does not have the standard Array methods, and so should be seen as being different.

Another significant difference is that HTMLCollection is a "live" collection, which means that it updates as the DOM updates. If you remove one of its nodes from the DOM, it will be removed from the HTMLCollection automatically.

Upvotes: 30

Related Questions