How do the JavaScript relational comparison operators coerce types?

by

JavaScript relational comparison operator type coercion is defined in the JavaScript specification, specifically in sections 11.8 to 11.8.5 which describe the operators, and sections 9.1 (ToPrimitive) and 9.3 (ToNumber) which describe the process of coercing the operands.

In short, the 4 comparison operators (<, >, <=, and >=) do their best to convert each operand to a number, then compare the numbers. The exception is when both operands are strings, in which case they are compared alphabetically.

Specifically,

  1. If an argument o is an object instead of a primitive, try to convert it to a primitive value by calling o.valueOf() or – if o.valueOf wasn’t defined or didn’t return a primitive type when called – by calling o.toString()

  2. If both arguments are Strings, compare them according to their lexicographical ordering. For example, this means "a" < "b" and "a" < "aa" both return true.

  3. Otherwise, convert each primitive to a number, which means:

    • undefined -> NaN
    • Null -> +0
    • Boolean primitive type -> 1 if true, +0 if false
    • String -> try to parse a number from the string

  4. Then compare each item as you’d expect for the operator, with the caveat that any comparison involving NaN evaluates to false.

So, this means the following:

console.log(true > null);           //prints true
console.log(true > false);          //prints true
console.log("1000.0" > 999);        //prints true
console.log("  1000\t\n" < 1001);   //prints true

var oVal1 = { valueOf: function() { return 1; } };
var oVal0 = { toString: function() { return "0"; } };

console.log(oVal1 > null);         //prints true
console.log(oVal0 < true);         //prints true
console.log(oVal0 < oVal1);        //prints true

More Related Contents:

  1. How to convert an Object {} to an Array [] of key-value pairs in JavaScript
  2. How can I convert string to datetime with format specification in JavaScript?
  3. Is it safe to assume strict comparison in a JavaScript switch statement?
  4. Is true == 1 and false == 0 in JavaScript?
  5. How to parse into base64 string the binary image from response?
  6. Convert string to datetime
  7. Convert date from milliseconds to ISODate object
  8. Convert boolean result into number/integer
  9. Javascript: avoid exceptions for string to integer or float typecast conversion with null or undefined variables?
  10. Print / display a JavaScript variable’s name instead of it’s value
  11. Why an empty Array type-converts to zero? +[]
  12. Error tells me I need JavaScript
  13. Fastest way to duplicate an array in JavaScript – slice vs. ‘for’ loop
  14. How can I fetch an array of URLs with Promise.all?
  15. NodeJS Timeout a Promise if failed to complete in time
  16. Fast rectangle to rectangle intersection
  17. Convert RGB to RGBA over white
  18. Getting value GET OR POST variable using JavaScript?
  19. Cross Domain Resource Sharing GET: ‘refused to get unsafe header “etag”‘ from Response
  20. How best to determine if an argument is not sent to the JavaScript function
  21. Javascript Marquee to replace tags
  22. Align Marker on node edges D3 Force Layout
  23. Using local file as src
  24. Clear dropdown using jQuery Select2
  25. Passing JSON data from php to html-data attribute and then to Javascript
  26. How to fire jQuery function only if form is valid
  27. Mongoose schema within schema
  28. performance.now() vs Date.now()
  29. Is there any way to find an element in a documentFragment?
  30. javascript and string manipulation w/ utf-16 surrogate pairs

Leave a Comment