replace 사용해서 문자열 치환(RegExp 객체 사용)

알고리즘 공부 하던 중 정규식을 사용해서 문자열을 치환하는 방법을 새로 알게 되었습니다.

 

우선 replace() 메서드는 특정 문자열을 치환 할 때 사용 합니다.

✔ 하지만, 문자열에서 변경하려는 문자가 여러 번 반복될 경우 첫 번째로 발견한 문자열만 치환 합니다.

 

사용법

replace('찾을 문자열 or 정규식', '변경하는 문자열')

 

예시

let str = "사과, 배, 수박";
let strChange = str.replace("배", "오렌지");
console.log(strChange); // 사과, 오렌지, 수박

 

 

정규식 ❓

✔  정해진 규칙을 사용해 모든 문자를 변환할 수도 있고 숫자,번호나 맨 처음, 맨 뒤만 변환할 수 있습니다.

 

 

정규식 옵션

	옵션
g	모든 패턴 체크(global)
i	대소문자 구별없이 체크
m	여러 줄 체크
s	'dotAll'; 줄 바꿈과 일치하는 . 허용
^	처음
$	끝
.	한 문자

 

정규식을 활용한 특정 문자 제거

.replace(/찾을 문자열/gi, "변경할 문자열")
.replace(' ','')          : 첫번째 공백 제거
.replace(/\-/g,'')        : - 제거
.replace(/[-]/g,'')        

.replace(/,/g,'')         : , 제거
.replace(/^\s+/,'')       : 앞의 공백 제거
.replace(/\s+$/,'')       : 뒤의 공백 제거
.replace(/^\s+|\s+$/g,'') : 앞뒤 공백 제거
.replace(/\s/g,'')        : 문자열 내의 모든 공백 제거
.replace(/\n/g,'')        : 개행 제거
.replace(/\r/g,'')        : 엔터 제거

 

주의해야 할 점 ❓

유동적으로 들어오는 값을 받아 사용하고자 할 때 바로 변수를 넣으면 제대로 동작을 안하고 아래와 같은 절차를 따라야 합니다.

var letter = "@"
str = str.replace(/letter/g,"");

✔ 위의 코드는, @ 대신 letter 을 찾아 제거합니다. 이를 해결하기 위해 RegExp 객체를 사용 합니다. ( 아래는, 예시 )

let regexOne = new RegExp(pattern); // 일치하는 패턴 중 최초 등장하는 패턴 한 번만 찾음
let regexAll = new RegExp(pattern, "g"); // 모든 패턴을 찾음
let regexAllCase = new RegExp(pattern, "gi"); // 대소문자 구분 없이 모든 패턴을 찾음

따라서 위와 같이 설정하면 변수를 받아서 replace 적용 가능 합니다.

var letter = "@"
var regexAllCase = new RegExp(letter, "gi")
str = str.replace(regexAllCase,"");

 

사용 예시

function solution(my_string, letter) {
    var answer = my_string;

    let regexAll = new RegExp(letter, 'g');

    return answer.replace(regexAll, '');
}

solution('abcdef','f');
solution('BCBdbe','B');

 

참고

• https://velog.io/@gsuchoi/JavaScript-replace-%EB%B0%8F-%EC%A0%95%EA%B7%9C%EC%8B%9D
• https://cookinghoil.tistory.com/95