JavaScript で複数の文字列を効率的に置換するにはどうすればよいですか?

JavaScript での文字列の一括置換

文字列内の複数の単語を別の単語に置き換えるタスクは、プログラミングで頻繁に発生します。次のシナリオを考えてみましょう:

const str = "I have a cat, a dog, and a goat.";

「猫」を「犬」に、「犬」を「ヤギ」に置き換えて、この文字列を「犬、ヤギ、猫を飼っています」に変換したいと考えています。 "、"goat" と "cat"。

問題: 連続して置換すると不正確になる出力

単純なアプローチでは、replace() メソッドを複数回使用する必要があります。

str = str.replace(/cat/gi, "dog");
str = str.replace(/dog/gi, "goat");
str = str.replace(/goat/gi, "cat");

残念ながら、このコードは次のような誤った結果を生成します。 、そして猫」。これは、2 番目と 3 番目の置換によって、前の置換によって加えられた変更が上書きされるためです。

解決策: マップとカスタム置換関数の使用

この問題に対処するには、次のようにします。すべてのターゲット単語を同時に置き換える、より包括的なアプローチが必要です。これは、置換を含むマップ オブジェクトを定義し、カスタム置換関数を使用することで実現できます。

const mapObj = {
  cat: "dog",
  dog: "goat",
  goat: "cat",
};

const str = str.replace(/cat|dog|goat/gi, (matched) => {
  return mapObj[matched];
});

正規表現パターンを動的に生成する

解決策を作成するにはより一般化できるため、マップのキーに基づいて正規表現パターンを動的に生成できます。オブジェクト:

const re = new RegExp(Object.keys(mapObj).join("|"), "gi");

const str = str.replace(re, (matched) => {
  return mapObj[matched];
});

一括文字列置換のための再利用可能な関数

最後に、このアプローチを再利用可能な関数にカプセル化できます:

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

  return str.replace(re, (matched) => {
    return mapObj[matched.toLowerCase()];
  });
};

この関数は文字列と置換のマップを受け取り、変換された結果を返します。 string.

要約すると、JavaScript で複数の文字列を他の複数の文字列に置き換える方法はいくつかあります。ここで紹介するソリューションでは、マップ オブジェクトとカスタム置換関数を使用して、すべての置換が同時に実行されるようにし、目的の出力が正確に得られるようにします。

以上がJavaScript で複数の文字列を効率的に置換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。