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 중국어 웹사이트의 기타 관련 기사를 참조하세요!