문자열 객체 (7) padStart / padEnd 메서드

⭐️ 문자열 객체 ( padStart / padEnd 메서드 ) ⭐️

---

01. 표준 내장 객체의 종류 : 문자열 객체

표준 내장 객체(Standard Built-in Object)는 자바스크립트가 기본적으로 가지고 있는 객체들을 말하며, 다른 객체의 기초가 되는 핵심적인 객체 입니다.
내장 객체의 종류에는 Object, Fuction, String, Array, Math, Number, Event, Boolean, Data, RegExp 등이 있습니다.
그 중에서 문자열 객체(String Object)는 문자열을 저장/관리하기 위해 사용하는 객체를 의미합니다.

   ___ 참고하기 ___
  `1   문자열을 생성할 때는 ''"" 따옴표를 사용하거나, new 키워드를 이용합니다.
  `2   문자열 객체는 불변성이 있으며, 이로써 메모리 공간의 절약과 보안성 및 동시성의 특징도 함께 갖습니다.
      

02. padStart / padEnd 메서드

주어진 길이에 맞춰 문자열을 채워서 반환하는 메서드 입니다.
🐢 padStart( ) 메서드는 주어진 길이에 맞춰 문자열의 시작 부분을 채워서 반환합니다.
🐢 padEnd( ) 메서드는 주어진 길이에 맞춰 문자열의 끝 부분을 채워서 반환합니다.

[1] padStart( ) 와 padEnd( ) 메서드의 형식

"문자열".padStart(길이 값);
"문자열".padStart(길이 값, 채워줄 문자열);

// padStart( ) 메서드의 리턴 ----------------------------------------------------------------
    const str1 = "678";

    const currentStr1 = str1.padStart(1, "0");  //  678
    const currentStr2 = str1.padStart(2, "0");  //  678
    const currentStr3 = str1.padStart(3, "0");  //  678
    const currentStr4 = str1.padStart(4, "0");  //  0678
    const currentStr5 = str1.padStart(5, "0");  //  00678
    const currentStr6 = str1.padStart(6, "0");  //  000678
    const currentStr7 = str1.padStart(6, "1");  //  111678
    const currentStr8 = str1.padStart(6, "12");  //  121678
    const currentStr9 = str1.padStart(6, "123");  //  123678
    const currentStr10 = str1.padStart(6, "1234");  //  123678
    const currentStr11 = str1.padStart(6);  //  ---678    (---: 공백)

// padEnd( ) 메서드의 리턴 ----------------------------------------------------------------
    const str1 = "678";

    const currentStr12 = str1.padEnd(1, "0");  //  678
    const currentStr13 = str1.padEnd(2, "0");  //  678
    const currentStr14 = str1.padEnd(3, "0");  //  678
    const currentStr15 = str1.padEnd(4, "0");  //  6780
    const currentStr16 = str1.padEnd(5, "0");  //  67800
    const currentStr17 = str1.padEnd(6, "0");  //  678000
    const currentStr18 = str1.padEnd(6, "1");  //  678111
    const currentStr19 = str1.padEnd(6, "12");  //  678121
    const currentStr20 = str1.padEnd(6, "123");  //  678123
    const currentStr21 = str1.padEnd(6, "1234");  //  678123
    const currentStr22 = str1.padEnd(6);  //  678---    (---: 공백)