JS 노트 (padStart)

MDN
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/padStart

// 예제 <빈칸채우기>
// 문자 길이를 50으로 제한하고 가운데 정렬을 해주세요.

const 입력 = "hi"

const n = 25 + parseInt((입력.length/2), 10);

// 왼쪽채우기

const left = 입력.padStart(n, "=");

const right = left.padEnd(50, '=')

console.log(right)

출력 값 : ========================hi======================== 

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

말이 어렵네요
요럴땐 느낌만 가져갑시다

예제코드

const str1 = '5';

console.log(str1.padStart(2, '0'));
// expected output: "05"

const fullNumber = '2034399002125581';
const last4Digits = fullNumber.slice(-4);
const maskedNumber = last4Digits.padStart(fullNumber.length, '*');

console.log(maskedNumber);
// expected output: "************5581"


출력 값 : 
> "05"
> "************5581"

첫번째. 문자열 5에 padStart를 2만큼 0을 입혔는데 05가 나왔습니다.

두번째. 풀넘버 16글자에 -4번째만 잘라 놓고 last4digits에 저장하구요
       잘라놓은 4자리 숫자 앞에부터 fullNubmer의 길이만큼 *을 넣어줍니다.   

또 다른 예제

1. 'abc'.padStart(10);         // "       abc"
2. 'abc'.padStart(10, "foo");  // "foofoofabc"
3. 'abc'.padStart(6,"123465"); // "123abc"
4. 'abc'.padStart(8, "0");     // "00000abc"
5. 'abc'.padStart(1);          // "abc"

1 : 기본 값이 ""으로 들어가기 때문에 반환값을 넣지 않으면 공백으로 채워집니다.
2 : foofoo 문자를 넣었는데 10자로 제한되어 있어 fofof 까지 7자 그리고 abc 3자 합10자가 출력.

3. 6글자레 조헨하여 1234565 막 넣었지만 역시 6자로 제한되어 기존문자에 가로막혀 잘려나간 모습

4. 8자로 제한하여 0을 넣었습니다. 0이 5개 abc가 3개 총 합 8자 출력
5. 1을 넣었는데 없네요 아무것도 이미 글자가 3글자라서요!