padStart() / padEnd()

padStart() / padEnd() 에 대해 알아봅시다!

padStart() 메서드란?

: 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환
: 채워넣기는 대상 문자열의 시작(좌측)부터 적용

string.trim()

padEnd() 메서드란?

: 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환
: 채워넣기는 대상 문자열의 끝(우측)부터 적용

(자릿수, 뭘로 채울지(기본 숫자빼고 나머지 자리수를 채우는데 자릿수보다 적으면 반복, 크면 자릿수만큼만 채우고 짤림))
"문자열".padStart(길이)
"문자열".padStart(길이, 문자열)

string.padStart(목표 문자열 길이, "현재 문자열에 앞에 채워넣을 다른 문자열")
string.padEnd(목표 문자열 길이, "현재 문자열에 뒤에 채워넣을 다른 문자열")

---

padStart() / padEnd() 메서드 사용예제 (★주석이 리턴값입니다!★)

//padStart()
const str1 = "456";
const currentStr1 = str1.padStart(1, "0"); //456
const currentStr2 = str1.padStart(2, "0"); //456
const currentStr3 = str1.padStart(3, "0"); //456
const currentStr4 = str1.padStart(4, "0"); //0456
const currentStr5 = str1.padStart(5, "0"); //00456
const currentStr6 = str1.padStart(6, "0"); //000456
const currentStr7 = str1.padStart(6, "1"); //111456
const currentStr8 = str1.padStart(6, "12"); //121456
const currentStr9 = str1.padStart(6, "123"); //123456
const currentStr10 = str1.padStart(6, "1234"); //123456
const currentStr11 = str1.padStart(6); //   456 //아무것도 안쓰면 남은 자릿수만큼 공백처리

//padEnd()  
const currentStr12 = str1.padEnd(1, "0"); //456
const currentStr13 = str1.padEnd(2, "0"); //456
const currentStr14 = str1.padEnd(3, "0"); //456
const currentStr15 = str1.padEnd(4, "0"); //4560
const currentStr16 = str1.padEnd(5, "0"); //45600
const currentStr17 = str1.padEnd(6, "0"); //456000
const currentStr18 = str1.padEnd(6, "1"); //456111
const currentStr19 = str1.padEnd(6, "12"); //456121
const currentStr20 = str1.padEnd(6, "123"); //456123
const currentStr21 = str1.padEnd(6, "1234"); //456123
const currentStr22 = str1.padEnd(6); //456___(공백)