¿Qué conversiones de tipo Javascript están pasando aquí?

Question

Encontré un error en una secuencia de comandos que se escribió, y estoy teniendo problemas para averiguar exactamente qué está causando los problemas. Específicamente:

"49px" < 50 === false 

Hay dos diferentes conversiones que se me ocurren aquí:

49 < 50 === true 
"49px" < "50" === true 
"49" < 50 === true // just for the hell of it 

lo arreglé con:

parseInt("49px") < 50 === true 

Entonces, ¿por qué este resultado false? ¿Qué está pasando exactamente aquí?

Answer 1

Si un operando es un número y otro operando es una cadena, entonces the string is converted to a number y luego se realiza la comparación.

Si la cadena no se puede convertir a un número, se convierte a NaN, y la comparación siempre devuelve false.

Answer 2

Cuando se le pide a javascript que compare un número con otra cosa, intenta convertir ese "algo más" en un número. En este caso, "49px" evalúa a NaN por lo que NaN < 50 es false.