문자열 객체 (5) replace / replaceAll 메서드

⭐️ 문자열 객체 ( replace / replaceAll 메서드 ) ⭐️

---

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

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

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

02. replace / replaceAll 메서드

🐢 replace( ) 메서드는 앞에서부터 특정 패턴의 문자열을 하나만 찾아 원하는 문자열로 변경하고, 변경된 문자열을 반환합니다.
🐢 replaceAll( ) 메서드는 특정 패턴의 문자열을 모두 찾아 원하는 문자열로 변경하고, 변경된 문자열을 반환합니다.

[1] replace( ) 메서드의 형식

"문자열".replace("찾을 문자열", "변경할 문자열");
"문자열".replace(정규식); ☛ 정규식에는 큰 따옴표가 들어가지 않는다.
"문자열".replace(정규식, "변경할 문자열");

// replace( ) 메서드의 리턴 ----------------------------------------------------------------
    const str1 = "javascript reference";

    const currentStr1 = str1.replace("javascript", "자바스크립트");  //  자바스크립트 reference
    const currentStr2 = str1.replace("j", "J");  //  Javascript reference
    const currentStr3 = str1.replace("e", "E");  //  javascript rEference   //  앞쪽의 e 하나만 찾아 E 로 바꿔줌
    const currentStr4 = str1.replaceAll("e", "E");  //  javascript rEfErEncE  //  모든 e 를 찾아 E 로 바꿔줌
    const currentStr5 = str1.replace(/e/g, "E");  //  javascript rEfErEncE   //  (정규식, "변경할 문자열")
    const currentStr6 = str1.replace(/e/gi, "E");  //  javascript rEfErEncE

// 사이트 주소의 일부를 바꿀 때 사용 ----------------------------------------------------------------
    const str2 = "https://www.naver.com/img01.jpg"

    const currentStr7 = str2.replace("img01","img02");

// 전화번호 정보 데이터를 추출할 때 ----------------------------------------------------------------
    const str3 = "111-2222-3333";
    
    const currentStr8 = str3.replace("-","");  //  1112222-3333
    const currentStr9 = str3.replaceAll("-","");  //  11122223333
    const currentStr10 = str3.replace(/-/g,"");  //  11122223333   // (정규식, "변경할 문자열")
    const currentStr11 = str3.replace(/-/g," ");  //  111 2222 3333
    const currentStr12 = str3.replace(/-/g,"*");  //  111*2222*3333
    const currentStr13 = str3.replace(/[1-9]/g,"*");  //  ***-****-****