DEV Community

Nic
Nic

Posted on • Originally published at nicm42.hashnode.dev

JavaScript: padStart() and padEnd()

padStart() and padEnd() are really useful for getting your string to be a certain length. I've found more of a use for them for numbers (converted to strings).

Let's say you have to write all numbers as two digits, even if they are 0-9. To do this we can break out the trusty for loop:

let number = 1;
if (number < 10 ) {
  number = '0' + number;
}
Enter fullscreen mode Exit fullscreen mode

Simple, right? But what if you can do the same thing without even having to check if your number isn't two digits to start with:

let number = 1;
number = number.toString().padStart(2, '0');
Enter fullscreen mode Exit fullscreen mode

The beauty of this code is that if your number is 10 it will return 10, not 010. You don't need the condition because you're telling it you want your 'number' to be two digits long. If it already is, it does nothing.

padEnd() does the same thing, but at the end of a string instead.

Discussion (0)