JavaScript에서 문자열에서 특정 문자열 교체하기: replace() 메소드와 정규표현식 활용하기

DC

2023년 8월 21일 • 4 min read

javascript

1. 서론

JavaScript에서는 문자열을 다루는 다양한 메소드가 있습니다. 오늘은 이 중 replace() 메소드와 정규 표현식을 통해 문자열 내의 특정 부분을 교체하는 방법에 대해 알아보겠습니다.

2. replace() 메소드 기초

2.1. 기본 사용법

JavaScript의 replace() 메소드는 문자열에서 특정 문자열을 다른 문자열로 교체합니다.

기본적인 문자열 교체

javascriptCopy code
const str = "Hello, world!";
const newStr = str.replace("world", "JavaScript");
console.log(newStr); // "Hello, JavaScript!"

전체 문자열에서의 교체

javascriptCopy code
const str = "apple apple apple";
const newStr = str.replace(/apple/g, "orange");
console.log(newStr); // "orange orange orange"

콜백 함수를 이용한 교체

javascriptCopy code
const str = "I have 5 apples and 4 oranges.";
const newStr = str.replace(/\\d+/g, (match) => parseInt(match) + 1);
console.log(newStr); // "I have 6 apples and 5 oranges."

3. 정규표현식을 사용한 교체

3.1. 여러 번 나타나는 문자열 교체하기

정규표현식의 /g 플래그를 사용하면 모든 대상 문자열을 교체할 수 있습니다.

let str = "apple, apple, banana";
let newStr = str.replace(/apple/g, "orange");
console.log(newStr); // "orange, orange, banana"

3.2. 대소문자 구분 없이 교체하기

/i 플래그를 활용하면 대소문자를 구분하지 않고 문자열을 교체할 수 있습니다.

const str = "Hello, JavaScript!";
const newStr = str.replace(/javascript/i, "TypeScript");
console.log(newStr); // "Hello, TypeScript!"

4. 교체 함수 사용하기

4.1. 교체 함수의 기능

replace() 메소드의 두 번째 인수로 함수를 전달하면, 교체 대상 문자열을 교체 함수의 반환값으로 교체할 수 있습니다.

let str = "1 + 2 = 3";
let newStr = str.replace(/\d+/g, function(match) {
    return parseInt(match) + 1;
});
console.log(newStr); // "2 + 3 = 4"

마치며

JavaScript에서 문자열 교체는 매우 간단하게 이루어집니다. replace() 메소드와 정규표현식을 알고 있으면 다양한 문자열 처리 작업을 손쉽게 수행할 수 있습니다 !