[JavaScript] 자바스크립트 문자열 치환하기 replace +(정규식, 여러개 치환)

자바스크립트에서 특정 문자열의 일부 텍스트를 치환할 때는 replace() 함수를 사용합니다. replace() 메서드는 문자열의 변경을 위해 자주 사용되는 함수로, 정규 표현식을 함께 사용하면 더욱 활용도가 높아집니다. 

 

 문자열 치환 replace 사용법 

//사용법
문자열.replace(기존 문자열, 바꿀 문자열)

• 기존 문자열 : 대체할 문자열 또는 정규 표현식으로 문자열에서 이 값을 검색하여 찾습니다.
• 바꿀 문자열 : 대체될 새로운 문자열로써 검색한 값을 해당 값으로 치환합니다.

 

See the Pen replace1 by wjdxo513 (@wjdxo513) on CodePen.

 

위의 예제에서는 "그 영하 정말 재미있다 재미있다 재미있다" 문자열에 replace 함수를 사용하여 재미있다를 슬프다로 치환한 예제입니다. 하지만 위와 같이 replace(0 함수는 가장 먼저 찾게 되는 문자를 한 번만 바꿔줍니다. 만약 문자열을 한 번에 바꾸고 싶다면 정규 표현식을 사용해야 합니다.

 

 

문자열 여러 개 한 번에 바꾸기

See the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen.

 

위의 예제처럼 정규 표현식을 사용하면 문자열을 한 번에 치환하실 수 있습니다. 정규 표현식은 따옴표(" ")가 아니라 슬래시 (/)로 감싸서 전달하셔야 합니다. 여기서 /재미있다/g가 정규 표현식으로서 "재미있다"라는 문자열을 전역 (g 플래그)으로 찾는 패턴을 나타냅니다. 이 패턴을 사용하여 replace() 메서드를 호출하면 모든 "재미있다"를 "슬프다"로 바꿀 수 있습니다.

 

 

replace() 함수에 정규 표현식 사용하기

See the Pen replace3 by wjdxo513 (@wjdxo513) on CodePen.

 

replace 함수에는 다양한 정규표현식을 적용할 수 있습니다. 때로는 위의 예제처럼 모든 숫자를 0으로 바꾸는 것도 할 수 있겠습니다.