What is the difference between parseInt() and Number()?

by

Well, they are semantically different, the Number constructor called as a function performs type conversion and parseInt performs parsing, e.g.:

// parsing:
parseInt("20px");       // 20
parseInt("10100", 2);   // 20
parseInt("2e1");        // 2

// type conversion
Number("20px");       // NaN
Number("2e1");        // 20, exponential notation

Also parseInt will ignore trailing characters that don’t correspond with any digit of the currently used base.

The Number constructor doesn’t detect implicit octals, but can detect the explicit octal notation:

Number("010");         // 10
Number("0o10")         // 8, explicit octal

parseInt("010");       // 8, implicit octal
parseInt("010", 10);   // 10, decimal radix used

And it can handle numbers in hexadecimal notation, just like parseInt:

Number("0xF");   // 15
parseInt("0xF"); //15

In addition, a widely used construct to perform Numeric type conversion, is the Unary + Operator (p. 72), it is equivalent to using the Number constructor as a function:

+"2e1";   // 20
+"0xF";   // 15
+"010";   // 10

More Related Contents:

  1. Which “href” value should I use for JavaScript links, “#” or “javascript:void(0)”?
  2. How to efficiently count the number of keys/properties of an object in JavaScript
  3. How do you performance test JavaScript code?
  4. Fastest method to escape HTML tags as HTML entities?
  5. What’s the fastest way to loop through an array in JavaScript?
  6. Why is array.push sometimes faster than array[n] = value?
  7. Are loops really faster in reverse?
  8. Most efficient way to concatenate strings in JavaScript?
  9. Which browsers support ?
  10. Unobtrusive JavaScript: at the top or the bottom of the HTML code?
  11. What is the performance of Objects/Arrays in JavaScript? (specifically for Google V8)
  12. What is the most efficient way to reverse an array in Javascript?
  13. Microsoft CDN for jQuery or Google CDN? [closed]
  14. Performance differences between visibility:hidden and display:none
  15. Why cache jQuery objects?
  16. Prepend text to beginning of string
  17. Firestore slow performance issue on getting data
  18. In Javascript, is it expensive to use try-catch blocks even if an exception is never thrown?
  19. How to change the playing speed of videos in HTML5?
  20. Is ternary operator, if-else or logical OR faster in javascript?
  21. Javascript Set vs. Array performance
  22. recursive function vs setInterval vs setTimeout javascript
  23. HTML5 Canvas Performance and Optimization Tips, Tricks and Coding Best Practices [closed]
  24. How do I use Browserify with external dependencies?
  25. Why is pop faster than shift?
  26. draw 10,000 objects on canvas javascript
  27. JavaScript Profiler in IE
  28. Enable smooth scrolling for my website in all browsers
  29. What’s the best way (most efficient) to turn all the keys of an object to lower case?
  30. JavaScript Performance Long Running Tasks

Leave a Comment