자바스크립트 문자열 바꾸기 replace()

사용방법

replace("바꾸고 싶은 문자열", "바꿀 문자열")

 

기본적으로 가장 먼저 검색되는 1개의 문자열만 변환한다.

let str1 = "Hello";
let str2 = "Hello, Hello Hello!";

console.log(str1.replace("Hello", "Hi!")); // Hi!
console.log(str2.replace("Hello", "Hi!")); // Hi, Hello1 Hello!

 

모든 문자열을 변경하고 싶다면 정규식을 사용한다.

let str1 = "Hello";
let str2 = "Hello, Hello Hello!";

console.log(str1.replace(/Hello/g, "Hi!")); // Hi!
console.log(str2.replace(/Hello/g, "Hi!")); // Hi!, Hi! Hi!!

 

replace() 함수는 대소문자를 구분한다.

대소문자에 상관없이 내용을 모두 바꾸고 싶다면 정규식에 i 옵션을 추가한다.

let str = "hello, HELLO, hElLo, HeLlO";

console.log(str.replace(/Hello/g, "Hi!")); // hello, HELLO, hElLo, HeLlO
console.log(str.replace(/Hello/gi, "Hi!")); // Hi!, Hi!, Hi!, Hi!

 

그 외

 

모든 숫자를 공백으로 치환

문자열에 있는 모든 숫자를 제거하고 싶을때

let str = "This123is456Java789script";

str = str.replace(/[1-9]/gi, "");
console.log(str); // ThisisJavascript

 

연속된 숫자들을 하나의 문자로 치환

정규표현식 패턴에서 +는 1개 이상의 문자를 의미한다.

[1-9] 패턴은 1부터 9사이 숫자 1개를 의미하지만

let str = "This123is456Java789script";

str = str.replace(/[1-9]/gi, "@");
console.log(str); // This@@@is@@@Java@@@script

 

[1-9]+는 연속된 숫자들을 의미한다.

let str = "This123is456Java789script";

str = str.replace(/[1-9]+/gi, "@");
console.log(str); // This@is@Java@script

 

 

 

[내용 출처]

https://codechacha.com/ko/javascript-replace-in-string/

JavaScript - 문자열 바꾸기(replace, 정규식 치환)