[JavaScript] 자바스크립트 padStart()와 padEnd()

padStart()

padStart 함수는 문자열의 앞부분을 특정 길이로 채우는 역할을 한다.

 

기본 문법은 아래와 같다.

 

str.padStart(targetLength[, padString])

 

str : 원본 문자열

targetLength : 목표로 하는 문자열 길이를 나타낸다. 이 길이에 맞게 문자열이 채워질 수 있다.

padString (옵션) : 필요한 경우 채우기에 사용할 문자열이다. 기본값은 공백 문자열(' ')이다. 

 

아래는 예시 코드이다.

 

const str = "123";

const paddedStr1 = str.padStart(7, "0");
console.log(paddedStr1); // 출력 : "0000123"

const paddedStr2 = str.padStart(10);
console.log(paddedStr2); // 출력 : "      123"

const paddedStr3 = str.padStart(4, '789'); 
console.log(paddedStr3); // 출력 : "7123"

const paddedStr4 = str.padStart(10, '789');
console.log(paddedStr4); // 출력 : "7897897123"

 

 

---

padEnd()

padEnd 함수는 문자열의 끝에 특정 문자나 문자열을 채워서 지정된 길이로 만드는 내장 함수이다.

이 함수는 ES2017(ES8)에 도입되었으며, 주로 문자열을 특정 길이로 정렬하거나 형식을 맞추기 위해 사용된다.

 

기본 문법은 아래와 같다.

 

str.padEnd(targetLength [, padString])

 

str : 원본 문자열 

targetLength : 목표로 하는 문자열 길이를 나타낸다. 현재 문자열의 길이보다 작다면 채워넣지 않고 그대로 반환된다.

padString (옵션) : 필요한 경우 채우기에 사용할 문자열이다. 기본값은 공백 문자열(' ')이다.

 

아래는 예시 코드이다.

 

const str = "Hello";

const paddedStr1 = str.padEnd(10, "-");
console.log(paddedStr1); // 출력: "Hello-----"

const paddedStr2 = str.padEnd(10);
console.log(paddedStr2); // 출력 : "Hello     "

const paddedStr3 = str.padEnd(4, '789'); 
console.log(paddedStr3); // 출력 : "Hello"

const paddedStr4 = str.padEnd(10, '789');
console.log(paddedStr4); // 출력 : "Hello78978"