Pad a number with leading zeros in JavaScript [duplicate]

by

ES2017 Update

You can use the built-in String.prototype.padStart()

n = 9;
String(n).padStart(4, '0'); // '0009'

n = 10;
String(n).padStart(4, '0'); // '0010'

Not a lot of “slick” going on so far:

function pad(n, width, z) {
  z = z || '0';
  n = n + '';
  return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
}

When you initialize an array with a number, it creates an array with the length set to that value so that the array appears to contain that many undefined elements. Though some Array instance methods skip array elements without values, .join() doesn’t, or at least not completely; it treats them as if their value is the empty string. Thus you get a copy of the zero character (or whatever “z” is) between each of the array elements; that’s why there’s a + 1 in there.

Example usage:

pad(10, 4);      // 0010
pad(9, 4);       // 0009
pad(123, 4);     // 0123

pad(10, 4, '-'); // --10

More Related Contents:

  1. Format JavaScript date as yyyy-mm-dd
  2. How to print a number with commas as thousands separators in JavaScript
  3. How to format numbers as currency strings
  4. Parsing ISO 8601 date in Javascript
  5. Format a number as 2.5K if a thousand or more, otherwise 900
  6. add commas to a number in jQuery
  7. Converting 24 hour time to 12 hour time w/ AM & PM using Javascript
  8. Javascript library for human-friendly relative date formatting [closed]
  9. Commonly accepted best practices around code organization in JavaScript [closed]
  10. How do I set up VSCode to put curly braces on a new line?
  11. Regular Expression for formatting numbers in JavaScript
  12. How to format numbers as currency strings
  13. How to format a number with commas as thousands separators?
  14. Javascript: How to generate formatted easy-to-read JSON straight from an object? [duplicate]
  15. JavaScript: How can I generate formatted easy-to-read JSON straight from an object? [duplicate]
  16. Best JavaScript Date Parser & Formatter? [closed]
  17. How to replace numbers in body to Persian numbers?
  18. Javascript: Easier way to format numbers? [closed]
  19. jQuery Data vs Attr?
  20. Difference between two dates in years, months, days in JavaScript
  21. window.onbeforeunload ajax request in Chrome
  22. Push is overwriting previous data in array
  23. Determine timezone from latitude/longitude without using web services like Geonames.org
  24. adding multiple event listeners to one element
  25. True or better Random numbers with Javascript [duplicate]
  26. Silent print an embedded PDF
  27. What is the concept of Array.map?
  28. Which Devices Support Javascript Geolocation via navigator.geolocation?
  29. JavaScript Minesweeper – Opening whole mine-free area at once not working properly (flood-fill)
  30. How to create a new img tag with JQuery, with the src and id from a JavaScript object?

Leave a Comment