문자열 객체 (2) toUpperCase / toLowerCase / trim / trimStart / trimEnd 메서드

⭐️ 문자열 객체 ( toUpperCase / toLowerCase / trim / trimStart / trimEnd 메서드 ) ⭐️

---

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

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

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

02. toUpperCase / toLowerCase 메서드

문자열을 대/소문자로 변경하여 반환하는 메서드 입니다.
🐢 toUpperCase( ) 메서드는 문자열을 대문자로 변경하여 반환합니다.
🐢 toLowerCase( ) 메서드는 문자열을 소문자로 변경하여 반환합니다.

// 1번 리턴 ----------------------------------------------------------------
    const str1 = "javascript";       // 소문자를 대문자로 바꾸기
    const currentStr1 = str1.toUpperCase();

    document.querySelector(".sample02_N1").innerHTML = "1";
    document.querySelector(".sample02_Q1").innerHTML = "javascript";
    document.querySelector(".sample02_M1").innerHTML = "toUpperCase()";
    document.querySelector(".sample02_P1").innerHTML = currentStr1 ;

// 2번 리턴 ----------------------------------------------------------------
    const str2 = "JAVASCRIPT";       // 대문자를 소문자로 바꾸기
    const currentStr2 = str1.toLowerCase();

    document.querySelector(".sample02_N2").innerHTML = "2";
    document.querySelector(".sample02_Q2").innerHTML = "JAVASCRIPT";
    document.querySelector(".sample02_M2").innerHTML = "toLowerCase()";
    document.querySelector(".sample02_P2").innerHTML = currentStr2 ;

03. trim / trimStart / trimEnd 메서드

문자열의 바로 앞/뒤 공백을 제거합니다. 문자열의 중간에 위치한 공백은 제거가 불가능합니다.
🐢 trim( ) 메서드는 문자열의 앞뒤 공백을 제거하여, 공백을 제거한 문자열을 반환합니다.
🐢 trimStart( ) 메서드는 앞에서부터 문자열의 앞뒤 공백을 제거하여, 공백을 제거한 문자열을 반환합니다.
🐢 trimEnd( ) 메서드는 뒤에서부터 문자열의 앞뒤 공백을 제거하여, 공백을 제거한 문자열을 반환합니다.

    // console.log(currentStr) 콘솔로그로 확인하면 여백을 확인할 수 있음
// 1번 리턴 ----------------------------------------------------------------
    const str1 = "       javascript      ";
    const currentStr1 = str1.trim();

    document.querySelector(".sample03_N1").innerHTML = "1";
    document.querySelector(".sample03_Q1").innerHTML = str1;
    document.querySelector(".sample03_M1").innerHTML = "trim()";
    document.querySelector(".sample03_P1").innerHTML = currentStr1 ;

// 2번 리턴 ----------------------------------------------------------------
    const str2 = "       javascript      ";
    const currentStr2 = str2.trim();

    document.querySelector(".sample03_N2").innerHTML = "2";
    document.querySelector(".sample03_Q2").innerHTML = str2;
    document.querySelector(".sample03_M2").innerHTML = "trimStart()";
    document.querySelector(".sample03_P2").innerHTML = currentStr2 ;

// 3번 리턴 ----------------------------------------------------------------
    const str3 = "       javascript      ";
    const currentStr3 = str3.trim();

    document.querySelector(".sample03_N3").innerHTML = "3";
    document.querySelector(".sample03_Q3").innerHTML = str3;
    document.querySelector(".sample03_M3").innerHTML = "trimEnd()";
    document.querySelector(".sample03_P3").innerHTML = currentStr3 ;