[Javascript] 숫자 앞뒤에 0 추가하기 (padStart(), padEnd())

 

Javascript의 숫자 앞 또는 뒤에 0을 추가하여

특정 자릿수의 문자열을 만드는 방법입니다.

 

 

padStart(), padEnd()

str.padStart(문자열길이 [, 채울문자])
str.padEnd(문자열길이 [, 채울문자])

padStart(), padEnd()는 

문자열을 특정 길이로 패딩 하는 데 사용하는 메소드입니다.

이름에서도 알 수 있듯이,

padStart()는 문자열의 앞에 '채울 문자'를 넣어서 원하는 길이의 문자열을 만들고,

padEnd()는 문자열의 뒤에 '채울문자'를 넣어서 원하는 길이의 문자열을 만듭니다.

 

const num = 1;

// 00001
const str1 = num.toString().padStart(5, '0'); 

// 10000
const str2 = num.toString().padEnd(5, '0'); 

document.write(str1);
document.write('<br>');
document.write(str2);

숫자를 문자열로 변환하고,

padStart(), padEnd() 메소드를 사용하여

숫자의 앞 또는 뒤에 0을 붙여서 5자리의 문자열을 만드는 예제입니다.