[JS] replace, replaceAll 사용방법

안녕하세요 yunamom 입니다 :D

 

이번시간에는 자바스크립트에서 문자를 치환하는 replace()함수에 대하여 포스팅하겠습니다.😊

✨replace(), replaceAll() 함수 

 

자바스크립트에서 문자열의 특정한 문자 또는 문자열을 치환하는 함수 입니다.

 

여기서 replaceAll() 함수는 사실상 없다고 생각하시는게 좋습니다.

 

2021년 스펙을 기준으로 replaceAll() 함수가 추가 되었기 때문에 최신 개발환경이 아니라면 사용할수가 없습니다.

 

replace() 함수는 조건 대상이 되는 첫 번째 문자 하나만 변경되어서 반환이 됩니다.

 

*여기서 중요한 점 replace() 함수는 새로운 값을 만들어 반환한다는 점입니다.(기존의 문자는 그대로 존재하고 사용됨)

 

replaceAll() 과 같은 기능을 위해서는 정규식을 활용하여 대상 문자열에서 모든 부분을 수정해줄 수 있습니다.

정규식	설명
g	모든 패턴에 대한 전역 검색
i	대/소문자 구분 없음
m	여러 줄 검색

✨사용법 예제 

str.replace("@",""); // 첫번째 @ 를 공백으로 변경

str.replace(/@/gi,""); 
// @ 를 슬래시로 감싼뒤에 gi를 붙이면 전체 @ 를 공백으로 변경 replaceAll과 같은 결과를 볼수 있다.

// 슬래시 "/" 사용시에는 이스케이프 문자 "\" 를 붙여서 사용한다.
str.replace(/\//gi,"");