[JavaScript] JavaScript: padStart(), padEnd() [6/15 study]

 

 

JavaScript: padStart(), padEnd()

 

 

 

❗️기본 문법

str.padStart(targetLength[, padString])

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

 

 

❗️padStart()

 

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

 

예시코드

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)에 도입되었고, 주로 문자열을 특정 길이로 정렬하거나 형식을 맞추기 위해 사용됨

 

예시 코드

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"