본문 바로가기

Javascript

[Javascript] .padStart()를 사용한 숫자 앞에 0 넣기

String.prototype.padStart() 란

 

.padStart() 메서드는문자열이 지정된 길이에 도달할 때까지

이 문자열을 다른 문자열로 채운다.

다른 문자열은 문자열의 시작 부분부터 적용된다.

 

const str1 = '31';
// 문자열이 4자리 길이에 도달할 때까지 앞을 0으로 채운다.
console.log(str1.padStart(4, '0')); // '0003'
console.log(str1.padStart(4, '영')); // '영영영3'
console.log(str1.padStart(2, '1')); // '31'


const str2 = '안녕하세요';
// 채워질 문자열(padString)이 너무 길면 뒷부분이 잘린다.
console.log(str2.padStart(8, '반갑습니다')); // '반갑습안녕하세요'

 

형태

padStart(targetLength)
padStart(targetLength[, padString])

targetLength: 문자열의 길이. 값이 작거나 같으면 그대로 반환된다.

padString: 채울 문자열, 기본값은 유니코드 '공백' 문자이다. [Optional]

 

 

.padStart()를 사용해서 숫자 앞에 0 넣기

/**
* 1~15까지의 숫자가 있을 때 10 미만 숫자의 앞에 0 넣기
*/

const str1 = '2';

for(let i = 1; i<16; i++) {
  console.log(String(i).padStart(2, '0')); // '01' ~ '15'
}