padStart() , padEnd() - 공백채우기

ECMAScript 2017 (ES8) 부터 도입되어 사용되는 유용한 함수입니다. 그 전에는 시계프로그램 할때 if문을 썼던 기억이 있습니다.

 

str.padStart(targetLength [, padString])

 

• targetLength: 목표로 하는 문자열의 길이입니다. 이 길이에 도달할 때까지 패딩 문자열이 추가됩니다.
• padString (옵션): 채울 때 사용할 문자열입니다. 기본값은 " " (공백)입니다.

const num = '5';
const paddedNum = num.padStart(2, '0'); 
console.log(paddedNum); // 출력: '05'

const str = '123';
const paddedStr = str.padStart(6, '*');
console.log(paddedStr); // 출력: '***123'

// 날짜 자리수
const day = '4';
const month = '7';
const year = '2023';

const formattedDay = day.padStart(2, '0'); // '04'
const formattedMonth = month.padStart(2, '0'); // '07'
const formattedDate = `${formattedDay}/${formattedMonth}/${year}`;
console.log(formattedDate); // 출력: '04/07/2023'

 

.padStart()와 .padEnd() 비교

.padStart()는 문자열의 시작 부분에 패딩을 추가하는 반면, .padEnd()는 문자열의 끝 부분에 패딩을 추가합니다.

const str = '123';
console.log(str.padEnd(6, '*')); // 출력: '123***'