JAVASCRIPT | 문자열 메서드 | replace( ) / replaceAll( )

replace( ) / replaceAll( )에 대해 알아보자 !

String.prototype.replace( ); 어떤 패턴에 일치하는 일부 또는 전부를 새로운 문자열로 반환하는 메서드입니다.

---

construction(구문)

"str".replace(regexp | substr, newSubstr | function);

regexp(정규식) | substr(문자열)

패턴이 오는 자리로 정규식이나 문자열이 올 수 있습니다.
모든 문자열에 대해 검색하고 바꾸기 위해 정규표현식의 g 플래그를 활용합니다.

newSubstr(문자열) | function(함수)

대체되는 문자열이 오는 자리로 이를 만드는 함수가 올 수도 있습니다.

# 예제를 통해 익혀봅시다.

const str1 = "javascript reference";

//const currentStr1 = str1.replace("javascript");       
const currentStr1 = str1.replace("javascript", "자바스크립트");
const currentStr2 = str1.replace("j", "J");
const currentStr3 = str1.replace("e", "E");

// 나머지 E도 바꾸고 싶으면 all 쓰거나 정규식으로
// 정규식에서 g(;global) : 여러개 있으면 여러개 다 선택해라
const currentStr4 = str1.replaceAll("e", "E");
const currentStr5 = str1.replaceAll(/e/g, "E");

// 소문자 대문자 구별 없이 바꾸고 싶을 때
const currentStr6 = str1.replaceAll(/e/gi, "E");

결과보기

//undefined javascript
자바스크립트 reference
Javascript reference
javascript rEference

javascript rEfErEncE
javascript rEfErEncE

javascript rEfErEncE

const str2 = "https://www.naver.com/img01.jpg";

const currentStr7 = str2.replace("1", "2");
const currentStr8 = str2.replace("img01.jpg", "img02.jpg");

결과보기

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

const str3 = "010-2000-1000";

const currentStr9 = str3.replace("-","");
const currentStr10 = str3.replaceAll("-","");
const currentStr11 = str3.replaceAll(/-/g,"");
const currentStr12 = str3.replaceAll(/-/g," ");
const currentStr13 = str3.replaceAll(/-/g,"*");
const currentStr14 = str3.replaceAll(/[1-9]/g,"*");

결과보기

0102000-1000
01020001000
01020001000
010 2000 1000
010 2000 1000
0*0-*000-*000