문자열의 .padStart() 함수와 .padEnd()함수

padStart()와 padEnd()는 js 문자열의 메서드로, ES8(ES2017)에 추가된 신규 기능이다. 문자열을 특정 길이로 채우는 데 사용되며, 이 함수들은 주로 문자열을 특정 길이만큼 왼쪽 혹은 오른쪽으로 채울 때 유용하다.

padStart(targetLength, padString)

padStart()는 원래 문자열의 시작 부분(왼쪽)에 지정한 길이만큼 문자열을 추가한다. 만약 원래 문자열의 길이가 지정한 길이보다 작다면, 지정한 패딩 문자열(padString)을 사용하여 부족한 길이를 채운다.

인자로는 다음의 2개가 들어간다.

• targetLength
  결과 문자열이 가져야 할 최소 길이이다.

• padString (옵션)
  부족한 길이를 채울 때 사용할 문자열이다. 기본값은 빈 문자열('')이다.

주로 숫자의 포매팅 형식을 지정할 때, 특정 몇자리만큼 앞에'0' 을 채우고자 할 때 사용한다.

const originStr = '14';
const paddedStr = originStr.padStart(3, '0');
	
console.log(paddedStr); 		// 014

padEnd(targetLength, padString)

이 메서드는 padStart()와는 반대로, 원래 문자열의 끝 부분(오른쪽)에 지정한 길이만큼 문자열을 추가한다. 원래 문자열의 길이가 지정한 길이보다 작다면, 지정한 패딩 문자를 추가한다.

• targetLength
  결과 문자열이 가져야 할 최소 길이이다.

• padString
  부족한 길이를 채울 때 사용할 문자열이다. 기본값은 빈 문자열('')이다.

const originStr = 'diso592';
const paddedId = originStr.padEnd(10, '*');

console.log(paddedId); 				// diso592***