> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 여러 문자열을 동시에 어떻게 바꿀 수 있습니까?

JavaScript에서 여러 문자열을 동시에 어떻게 바꿀 수 있습니까?

Mary-Kate Olsen
풀어 주다: 2024-11-29 06:04:18
원래의
777명이 탐색했습니다.

How Can I Simultaneously Replace Multiple Strings in JavaScript?

JavaScript에서 동시에 여러 문자열 바꾸기

replace() 메서드를 여러 번 반복하여 JavaScript에서 문자열을 바꾸는 것은 일반적인 기술입니다. 그러나 여러 문자열을 다른 대체 항목으로 바꾸려고 하면 의도하지 않은 결과가 발생할 수 있습니다.

특정 해결 방법

이 문제를 해결하려면 함수를 활용하여 개별적으로 대체를 수행할 수 있습니다.

var str = "I have a cat, a dog, and a goat.";
var mapObj = {
   cat:"dog",
   dog:"goat",
   goat:"cat"
};
str = str.replace(/cat|dog|goat/gi, function(matched){
  return mapObj[matched];
});
로그인 후 복사

mapObj는 대체 항목을 정의하고 정규식은 다음 중 하나와 일치합니다. 키.

접근 방식 일반화

솔루션을 더욱 유연하게 만들기 위해 mapObj의 키를 기반으로 동적 정규 표현식을 생성할 수 있습니다. 이렇게 하면 함수가 여러 대체 항목을 처리할 수 있습니다.

var mapObj = {cat:"dog",dog:"goat",goat:"cat"};
var re = new RegExp(Object.keys(mapObj).join("|"),"gi");
str = str.replace(re, function(matched){
  return mapObj[matched];
});
로그인 후 복사

재사용 가능한 함수

솔루션을 재사용할 수 있도록 하려면 함수에 캡슐화할 수 있습니다.

function replaceAll(str,mapObj){
    var re = new RegExp(Object.keys(mapObj).join("|"),"gi");

    return str.replace(re, function(matched){
        return mapObj[matched.toLowerCase()];
    });
}
로그인 후 복사

이 함수는 문자열과 대체 맵을 가져와 변환된 문자열을 반환합니다.

실용적 예

함수를 사용하려면 문자열과 원하는 대체 항목을 전달하기만 하면 됩니다.

var str = "This is a test sentence.";
var replaceObj = {
   This: "That",
   is: "was",
   a: "an"
};

var result = replaceAll(str, replaceObj);

console.log(result); // "That was an test sentence."
로그인 후 복사

이 접근 방식을 사용하면 JavaScript에서 여러 문자열 대체를 쉽게 수행할 수 있으며 각 대체가 보장됩니다. 올바르게 수행됩니다.

위 내용은 JavaScript에서 여러 문자열을 동시에 어떻게 바꿀 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿