[JavaScript] 문자열 메서드 - replace() & replaceAll()

문자열 메서드 : replace() / replaceAll()

이번 포스팅에서는 문자열 메서드 중 replace()와 replaceAll()에 대해 다뤄보도록 하겠습니다.

---

replace() / replaceAll()

어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환한다.
문자열을 부분 문자로 구분하고 문자열로 반환한다. Visual Studio Code의 replace 기능을 떠올리면 이해하기 쉬울 것.

//"문자열".replace(찾을 문자열, 변경할 문자열)
//"문자열".replace(정규식)
//"문자열".replace(정규식, 변경할 문자열)

replaceAll에 대한 설명은 아래 예시 코드 밑의 주석 참고할 것.

코드 보기

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만 바뀐다 --> 전부 바꾸고 싶으면 replaceAll이나 정규식 쓸 것
const currentStr4 = str1.replaceAll("e", "E");  // javascript rEfErEncE
// g : global의 약자, 모든 것을 선택함 / gi : global + 대소문자 구분 X
const currentStr5 = str1.replace(/e/g, "E");  // 정규식 : javascript rEfErEncE
const currentStr6 = str1.replace(/e/gi, "E");  // 정규식(대소문자 구분 X) : javascript rEfErEncE
            
const str2 = "https://www.naver.com/img01.jpg";
const currentStr7 = str2.replace("img01.jpg", "img02.jpg");     // https://www.naver.com/img02.jpg

const str3 = "010-2000-1000";
const currentStr8 = str3.replace("-", "");              // 0102000-1000
// replaceAll을 사용하면 -(하이픈)이 들어간 모든 부분을 변경할 수 있음
const currentStr9 = str3.replaceAll("-", "");           // 01020001000
const currentStr10 = str3.replaceAll(/-/g, "");         // 01020001000
const currentStr11 = str3.replaceAll(/-/g, " ");        // 010 2000 1000
const currentStr12 = str3.replaceAll(/-/g, "*");        // 010*2000*1000
const currentStr13 = str3.replaceAll(/[1-9]/g, "*");    // 0*0-*000-*000