Is there a JavaScript function that can pad a string to get to a determined length?

by

EcmaScript 2017 added String.padStart (along with String.padEnd) for just this purpose:

"Jonas".padStart(10); // Default pad string is a space
"42".padStart(6, "0"); // Pad with "0"
"*".padStart(8, "-/|\\"); // produces '-/|\\-/|*'

If not present in the JS host, String.padStart can be added as a polyfill.

Pre ES-2017

I found this solution here and this is for me much much simpler:

var n = 123

String("00000" + n).slice(-5); // returns 00123
("00000" + n).slice(-5); // returns 00123
("     " + n).slice(-5); // returns "  123" (with two spaces)

And here I made an extension to the string object:

String.prototype.paddingLeft = function (paddingValue) {
   return String(paddingValue + this).slice(-paddingValue.length);
};

An example to use it:

function getFormattedTime(date) {
  var hours = date.getHours();
  var minutes = date.getMinutes();
  
  hours = hours.toString().paddingLeft("00");
  minutes = minutes.toString().paddingLeft("00");
  
  return "{0}:{1}".format(hours, minutes);
};

String.prototype.format = function () {
    var args = arguments;
    return this.replace(/{(\d+)}/g, function (match, number) {
        return typeof args[number] != 'undefined' ? args[number] : match;
    });
};

This will return a time in the format “15:30”

More Related Contents:

  1. Count the recurrence of a word
  2. Repeat a string in JavaScript a number of times
  3. How to get character array from a string?
  4. Check if a JavaScript string is a URL
  5. How to check if a string contains text from an array of substrings in JavaScript?
  6. How to remove text from a string?
  7. How to replace all dots in a string using JavaScript
  8. How to convert a string to an integer in JavaScript?
  9. How can I convert a comma-separated string to an array?
  10. How to set object property (of object property of..) given its string name in JavaScript?
  11. Shorten string without cutting words in JavaScript
  12. How to find indices of all occurrences of one string in another in JavaScript?
  13. How can I insert a character after every n characters in javascript?
  14. How can I process each letter of text using Javascript?
  15. What’s the best way to do string building/concatenation in JavaScript?
  16. How to tell if a string contains a certain character in JavaScript?
  17. How do I shuffle the characters in a string in JavaScript?
  18. How to build/concatenate strings in JavaScript?
  19. How to parseInt a string with leading 0
  20. How can I send the “&” (ampersand) character via AJAX?
  21. Conversion between UTF-8 ArrayBuffer and String
  22. Making a javascript string sql friendly
  23. Trim specific character from a string
  24. Wrap tags around http text
  25. Prepend text to beginning of string
  26. How to parse JSON string in Typescript
  27. Commas messing with number input in Javascript
  28. Are double and single quotes interchangeable in JavaScript?
  29. Use RegExp to match a parenthetical number then increment it
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment