[JS] padStart & padEnd

---

알고있으면 좋은 Javascript Tip✨

---

padStart() & padEnd()

• padStart와 padEnd 함수는 ES8(ES2017)에 새롭게 추가된 기능이다.
• pad는 좌우에 특정한 문자열로 채우는 기능이다.
• 첫번째 파라미터인 maxLength를 받아 문자열의 길이가 maxLength보다 작을 경우 나머지를 특정한 문자열로 채워주는 기능이다.
• 이때 두번째 문자열을 넘겨주지 않으면 빈 공백으로 문자열을 채운다.

 

(1) padStart 함수 기본 문법

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

str.padStart(targetLength[, padString])

• str : 원본 문자열
• targetLength : 목표로 하는 문자열 길이를 나타낸다. 이 길이에 맞게 문자열이 채워질 수 있다.
• padString (옵션) : 필요한 경우 채우기에 사용할 문자열이다. 기본값은 공백 문자열(' ')이다.

 

(2) padStart 함수 동작 과정

const str = "123";

const newStr1 = str.padStart(7, "0");
console.log(newStr1); // 결과값 : "0000123"

const newStr2 = str.padStart(10);
console.log(newStr2); // 결과값 : "      123"

 

(3) padEnd 함수 기본 문법

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

str.padEnd(targetLength [, padString])

 

(4) padEnd 함수 동작 과정

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

const str = "Hello";

const newStr1 = str.padEnd(10, "-");
console.log(newStr1); // 결과값: "Hello-----"

const newStr2 = str.padEnd(10);
console.log(newStr2); // 결과값 : "Hello     "

• str : 원본 문자열
• targetLength : 목표로 하는 문자열 길이를 나타낸다. 현재 문자열의 길이보다 작다면 채워넣지 않고 그대로 반환된다.
• padString (옵션) : 필요한 경우 채우기에 사용할 문자열이다. 기본값은 공백 문자열(' ')이다.