[JavaScript] 자바스크립트 replaceAll 사용 방법(js 에서 replaceAll)

JavaScript의 replaceAll 메서드는 문자열 내의 모든 일치 항목을 다른 문자열로 바꾸는 데 사용됩니다. ECMAScript 2021 (ES12)에서 도입된 이 메서드는 여러 일치 항목을 한 번에 바꿀 수 있어 편리합니다.

 

사용 예제

let text = "Hello world! Welcome to the world of JavaScript.";

// 모든 "world"를 "universe"로 바꾸기
let newText = text.replaceAll("world", "universe");

console.log(newText);
// 출력: "Hello universe! Welcome to the universe of JavaScript."

 

직접 사용해 보기

 

 

정규 표현식과 함께 replaceAll 사용

replaceAll은 정규 표현식과 함께 사용할 수도 있습니다. 정규 표현식을 사용할 때는 g 플래그를 포함해야 합니다.

let text = "Hello world! Welcome to the world of JavaScript.";

// 정규 표현식을 사용하여 모든 "world"를 "universe"로 바꾸기
let newText = text.replaceAll(/world/g, "universe");

console.log(newText);
// 출력: "Hello universe! Welcome to the universe of JavaScript."

 

직접 사용해 보기 

 

replaceAll 메서드의 사용 가능 여부

replaceAll 메서드는 ECMAScript 2021 (ES12)에서 도입되었으므로, 최신 브라우저와 JavaScript 엔진에서만 사용할 수 있습니다.

사용 가능한 브라우저 및 엔진 버전

• Chrome: 85 이상
• Firefox: 77 이상
• Safari: 13.1 이상
• Edge: 85 이상
• Node.js: 15.0.0 이상

대체 방법

구형 브라우저나 JavaScript 엔진에서 replaceAll 메서드를 사용할 수 없는 경우, 정규 표현식을 사용하여 replace 메서드로 모든 일치 항목을 교체할 수 있습니다.

대체 코드

let text = "Hello world! Welcome to the world of JavaScript.";

// replaceAll을 지원하지 않는 경우 정규 표현식을 사용
let newText = text.replace(/world/g, "universe");

console.log(newText);
// 출력: "Hello universe! Welcome to the universe of JavaScript."

 

직접 사용해 해보기

 

요약

• replaceAll 메서드는 문자열 내의 모든 일치 항목을 다른 문자열로 교체합니다.
• ECMAScript 2021 (ES12)에서 도입되었으며, 최신 브라우저와 JavaScript 엔진에서 사용 가능합니다.
• 구형 브라우저나 엔진에서는 정규 표현식을 사용한 replace 메서드를 대체 방법으로 사용할 수 있습니다.

최신 환경에서 코드를 작성할 때는 replaceAll을 사용하는 것이 좋으며, 구형 환경에서는 정규 표현식을 사용하여 동일한 기능을 구현할 수 있습니다.

✅ 자바스크립트에서 replace로 모든 일치하는 항목 교체 해보기

 

직접 실행해 보기