replace() / replaceAll()

replace() / replaceAll()에 대해 알아봅시다!

replace() / replaceAll() 메서드란?

: 대상 문자열을 원하는 문자값으로 변환하는 메서드 : 첫번째 매개변수는 변환하고자 하는 대상이 될 문자열 : 두번째 매개변수는 변환할 문자 값 : replace()에서 따옴표를 / 슬래시로 대체하고, 뒤에 gi 를 붙이면 replaceAll()과 같은 기능

string.replace()
string.replaceAll()

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

[정규식]
* g : 발생할 모든 패턴에 대한 전역 검색
* i : 대/소문자 구분 안함
* m : 여러 줄 검색

---

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
const currentStr5 = str1.replaceAll(/e/g, "E"); //javascript rEfErEncE //정규식 //g(global)는 모두 검색
const currentStr6 = str1.replaceAll(/e/gi, "E"); //javascript rEfErEncE //정규식 //i는 소문자 대문자 구별없이!

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
const currentStr9 = str3.replaceAll("-", ""); //01020001000 //All은 익스플로러 작동이 안됨
const currentStr10 = str3.replace(/-/g, ""); //01020001000 
const currentStr11 = str3.replace(/-/g, " "); //010 2000 1000
const currentStr12 = str3.replace(/-/g, "*"); //010*2000*1000
const currentStr13 = str3.replace(/[1-9]/g, "*"); //0*0-*000-*000