문자열 앞 혹은 뒤에 원하는 문자로 채우기

시간이나 날짜가 10보다 작을때 자릿수를 맞추기 위해 연산을 했었는데,
padStart, padEnd라는 편리한 메서드가 있었습니다.

padStart, padEnd는 문자열(string)을 편하게 조작할 수 있는 메서드로, 2017년 async/await, Object.entries, Object.values등와 함께 나온 메서드입니다

// 기존에 사용하던 방법
const samplePad = (number) => number > 9 ? number : `0{number}`;

예시로 위처럼 기존에는 10보다 작은 숫자에 0을 붙여서 사용할때는
9보다 큰지 아닌지 체크해서 0을 붙이거나 그냥 사용하거나 그랬었는데 여태 왜 그래왔나 싶네요 😂

padStart, padEnd는 아래와 같이 사용합니다

// 사용방법
샘플문자열.padStart(문자열길이, 빈공간문자열);
샘플문자열.padEnd(문자열길이, 빈공간문자열);

// 샘플코드
const 샘플문자열 = "문자열다루기";
샘플문자열.padStart(10, "A")		--> 결과 string "AAAA문자열다루기"
샘플문자열.padEnd(10, "B")		--> 결과 string "문자열다루기BBBB"

이제 문자열의 자릿수를 맞춰야 할 경우, 값을 비교 후 연산하는 과정 없이
자릿수만 체크해서 처리하면 되니 무척 간편해졌어요.