본문 바로가기
01_PROJECT/OBJECT _2023

[ JavaScript ] replace와 정규식을 사용해서 해당 문자 대체하기(제거하기)

by zestlumen 2023. 8. 2.

replace와 정규식을 사용해서 큰 따옴표 제거하기

한번씩 문자열을 가져올 때 큰 따옴표까지 같이 값으로 가져와지는 경우도 있다.

그럴 때 replace와 정규식을 사용해서 큰 따옴표를 제거할 수 있다.

 

JavaScript의 replace()메서드는 첫번째로 일치하는 패턴을 대체한다.

모든 큰 따옴표를 제거하기 위해서 (대체하기 위해서는) 

정규식에서 'g'플래그를 사용하면 전역 검색(global search) 이 가능해진다.

 

/는 정규 표현식의 시작과 끝을 나타내는 구분자로

replace(/"/g, '')로 써주면 모든 큰 따옴표를 빈 문자열 ('') ←작은 따옴표 2개

로 대체하여 큰 따옴표를 제거할  수 있다.

 

 

replace와 정규식을 사용해서 숫자를 제외한 문자 제거하기

const imgUrl = 'https://example.com/image123.jpg';
const localKey = `profileURL${imgUrl.replace(/\D/g, '')}`;

 

\D 숫자가 아닌 문자(non-digit characters)에 일치하는 패턴 찾기로

[^0-9] 로 쓸수도 있다. '^'기호는 패턴을 부정하는 역할을 한다.

위의 코드는 숫자가 아닌 문자를 '' 빈 문자열로 모두 대체하여 숫자만 남기게 하는 코드다.

 

 

 

정규식에 대해서 공부를 해두면 문자열에서 특정한 패턴을 검색하거나 추출하거나 대체하거나 등등

문자열 조작이 좀 더 쉬워질 것 같아서 공부의 필요성을 느꼈다.