replace()/replaceAll은 뭘까?

replace()/replaceAll()

replace() 메서드는 문자열을 부분 문자로 구분하고 배열로 반환합니다.

::예시

"문자열".replace("찾을 문자열", "변경할 문자열")
"문자열".replace(정규식)
"문자열".replace(정규식, 변경할 문자열)
/ 정규식 표현은 / / 이렇게 사용

---

replace() 예시 01

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
const currentStr4 = str1.replaceAll("e", "E");                  //avascript rEfErEncE 한가지만 바꾸는것이 아닌 다중으로 선택해 변경할때는 All 사용
const currentStr5 = str1.replace(/e/g, "E");                  //javascript rEfErEncE 소문자 대문자를 구별해서 찾아서 변경
const currentStr6 = str1.replace(/e/i, "E");                  //javascript rEference 소문자 대문자 구별하지 않고 다 찾아서 변경

결과 보기

자바스크립트 reference
Javascript reference
javascript rEference
/avascript rEfErEncE
javascript rEfErEncE
javascript rEference

replace() 예시 02

const str2 = "https://www.naver.com/img01.jpg"
const currentStr7 = str2.replace("1", "2");                   //1을 2로 바꿈

결과 보기

https://www.naver.com/img01.jpg

replaceAll() 예시

기존 replace는 한가지만 변경이 가능했지만 replaceAll같은경우 다중으로 변경이 가능합니다.

const str3 = "010-2000-1000";

const currentStr8 =  str3.replace("-", ""); //0100000-1000
const currentStr9 =  str3.replaceAll("-", ""); //01000001000
const currentStr10 =  str3.replaceAll(/-/g, ""); //01000001000
const currentStr11 =  str3.replaceAll(/-/g, " "); //010 0000 1000
const currentStr12 =  str3.replaceAll("-", "*"); //0100000-1000
const currentStr13 =  str3.replaceAll(/[1-9]/g, "*"); //0*0-*000-*000 1부터 9까지의 번호를 없앰

결과 보기

0100000-1000
01000001000
01000001000
010 0000 1000
0100000-1000
0*0-*000-*000