String 오브젝트 - padStart(), padEnd()

String.prototype 에는 padStart(), padEnd() 함수가 있다. 이 두 함수의 특징은 전달 받은 길이만큼 원하는 문자를 채우는 함수인데, 자바스크립트의 String 오브젝트를 배우면서 가장 기억에 남는 함수라서 먼저 정리를 해보려고 한다.

 

 

padStart()

첫 번째 파라미터	길이
두 번째 파라미터	채울 문자

첫 번째 파라미터로 전달 받은 길이 만큼 문자열의 앞에 두 번째 파라미터로 채우는 함수이다. 

let num = "7";
console.log(num.padStart(4, "0")); //0007

이 함수의 경우, 4월을 04월로 표시를 해야하는 경우에도 사용할 수 있다. 예를 들어, 다음과 같이 작성할 수 있는 코드를 padStart() 함수를 사용하면 좀 더 편리하게 원하는 형식을 맞출 수 있게 된다.

let month = 4;
if (month < 10) {
	month = "0" + month;
}

//padStart()
console.log(month.toString().padStart(2, 0)); //04

 

 

padEnd()

첫 번째 파라미터	길이
두 번째 파라미터	채울 문자

첫 번째 파라미터로 전달 받은 길이 만큼 문자열의 뒤에 두 번째 파라미터로 채우는 함수이다. 

console.log("ABC".padEnd(6, "0")); //ABC000

 

문자열의 형식을 맞춰야 하는 곳에 이 두 함수를 활용하면 코드를 좀 더 효율적으로 작성할 수 있다.