Why is it that parseInt(8,3) == NaN and parseInt(16,3) == 1?

by

This is something people trip over all the time, even when they know about it. 🙂 You’re seeing this for the same reason parseInt("1abc") returns 1: parseInt stops at the first invalid character and returns whatever it has at that point. If there are no valid characters to parse, it returns NaN.

parseInt(8, 3) means “parse "8" in base 3″ (note that it converts the number 8 to a string; details in the spec). But in base 3, the single-digit numbers are just 0, 1, and 2. It’s like asking it to parse "9" in octal. Since there were no valid characters, you got NaN.

parseInt(16, 3) is asking it to parse "16" in base 3. Since it can parse the 1, it does, and then it stops at the 6 because it can’t parse it. So it returns 1.

Since this question is getting a lot of attention and might rank highly in search results, here’s a rundown of options for converting strings to numbers in JavaScript, with their various idiosyncracies and applications (lifted from another answer of mine here on SO):

  • parseInt(str[, radix]) – Converts as much of the beginning of the string as it can into a whole (integer) number, ignoring extra characters at the end. So parseInt("10x") is 10; the x is ignored. Supports an optional radix (number base) argument, so parseInt("15", 16) is 21 (15 in hex). If there’s no radix, assumes decimal unless the string starts with 0x (or 0X), in which case it skips those and assumes hex. (Some browsers used to treat strings starting with 0 as octal; that behavior was never specified, and was specifically disallowed in the ES5 specification.) Returns NaN if no parseable digits are found.

  • parseFloat(str) – Like parseInt, but does floating-point numbers and only supports decimal. Again extra characters on the string are ignored, so parseFloat("10.5x") is 10.5 (the x is ignored). As only decimal is supported, parseFloat("0x15") is 0 (because parsing ends at the x). Returns NaN if no parseable digits are found.

  • Unary +, e.g. +str – (E.g., implicit conversion) Converts the entire string to a number using floating point and JavaScript’s standard number notation (just digits and a decimal point = decimal; 0x prefix = hex; 0o prefix = octal [ES2015+]; some implementations extend it to treat a leading 0 as octal, but not in strict mode). +"10x" is NaN because the x is not ignored. +"10" is 10, +"10.5" is 10.5, +"0x15" is 21, +"0o10" is 8 [ES2015+]. Has a gotcha: +"" is 0, not NaN as you might expect.

  • Number(str) – Exactly like implicit conversion (e.g., like the unary + above), but slower on some implementations. (Not that it’s likely to matter.)

More Related Contents:

  1. Using the parseInt() function and the radix parameter with ternary operators
  2. How to sort an array of integers correctly
  3. Generate unique random numbers between 1 and 100
  4. Evaluating a string as a mathematical expression in JavaScript
  5. JavaScript numbers to Words
  6. Format numbers in JavaScript similar to C#
  7. Javascript Thousand Separator / string format [duplicate]
  8. How to print a number with commas as thousands separators in JavaScript
  9. How do I convert an integer to binary in JavaScript?
  10. Check if string contains only digits
  11. Testing whether a value is odd or even
  12. How to sort numbers correctly with Array.sort()? [duplicate]
  13. Remove insignificant trailing zeros from a number?
  14. How to parseInt a string with leading 0
  15. add commas to a number in jQuery
  16. JavaScript string and number conversion
  17. Get decimal portion of a number with JavaScript
  18. How do I round a number in JavaScript?
  19. Why does parseInt(1/0, 19) return 18?
  20. Javascript: How to retrieve the number of decimals of a *string* number?
  21. JavaScript adding decimal numbers issue [duplicate]
  22. Remove/ truncate leading zeros by javascript/jquery
  23. Convert boolean result into number/integer
  24. Create a unique number with javascript time
  25. Number.sign() in javascript
  26. Regex in JavaScript for validating decimal numbers
  27. Javascript Number Prototype Set Value Directly [duplicate]
  28. Convert css width string to regular number
  29. Convert long number into abbreviated string in JavaScript, with a special shortness requirement
  30. Is there any JavaScript standard API to parse to number according to locale?

Leave a Comment