obj.length === +obj.length in javascript

Question

In underscore.js source in many places I came across

if (obj.length === +obj.length)

Can someone explain, why do they use it?

Answer 1

This tests if obj's length property is a number.

The unary + operator converts its operand to a number, and the strict equality operator compares the result with the original length property without performing type coercion.

Therefore, the expression will only be true if obj.length is an actual number (not e.g. a string that can be converted to a number).

Answer 2

It's another way of writing if (typeof obj.length == 'number'). Why they do it that way, it's anyone's guess. Probably trying to be clever at the expense of readability. Which is not too uncommon these days, unfortunately...

Although it might be so that it can be compressed more by minifiers (YUI Compressor, Closure Compiler, UglifyJS, etc):

(a.length===+a.length) vs (typeof a.length=='number')

Doing it their way would save 5 bytes, each instance.

Answer 3

I think the main reason they are testing if obj.length is a number - is to differentiate obj type of Object from [object Array] (it would work also with String and Function objects). The [object Object] has no length property.

so if

obj = {a:1, b:2}; //obj.length = undefined

obj.length === +obj.length
undefined === NaN //false - you know that your obj has type Object
// (or some other object, but not Array, !String and !Function)
// so, you need to determine size of the obj in some way
// or use for in loop to iterate over your obj

regards

P.S.: IMO it answers the second part of the "why do they use it" question

Answer 4

+obj.length turn obj.length to number. I think this is to test whether obj.length is a number.