JavaScript で複数の文字列置換を行うのに最も適した方法を知りたいです

Question

通常、テキスト内に含まれる単語をすべてある単語に置換する場合は、下記のように正規表現を行うと思います。

const str = "apple,banana,orange";
const replaced = str.replace(/,/g, ' ')
console.log(replaced) // apple banana orange

やりたいことは、特殊文字の一括置換です。
例えば、半角スペースは  、＆は & 、といった具合です。
あるシステムでは特殊な記号に変換する必要があり、約100個用意されています。

ユーザーがキーを押すたびに、フォームの中の文字列を取得し、
文字列置換を行いたいのですが、単純に前述の正規表現で良いのか検討しています。

100個も置換処理をただ流すだけでは処理が重くなりそうです（まだ試してはいません）。

なるべく軽く処理を作りたいのですが、良い方法があれば教えて頂きたいです。
よろしくお願い致します。

Comments

[m.ts10806]

>例えば、半角スペースは  、＆は & 、といった具合です
これだけだとXSS対策なのでtextContent[ https://developer.mozilla.org/ja/docs/Web/API/Node/textContent ]でいいんじゃないかという風に感じます。
地道にreplaceしても良いですけど。
https://qiita.com/saekis/items/c2b41cd8940923863791

「最適な方法」を聞くのであれば「想定されている全てのパターン」を提示されないと的確なアドバイスにはなりにくいですよ。

[Web_akira]

> 「最適な方法」を聞くのであれば「想定されている全てのパターン」を提示されないと的確なアドバイス にはなりにくいですよ。
↓
おっしゃるとおりですが、社外秘のデータになるので提示できません。
実際には一般的な「特殊文字」ではなく、そのシステムだけで使われている本当に独自の記号です。

[m.ts10806]

なるほど。となると地道に対応付けのオブジェクト作って回すしかなさそうですね。

Answer 1

まず、ご提示のコードでは'apple,banana,orange'は最初の,だけ置き換えられて'apple banana,orange'となるかと思います。全部置き換えるには、/,/gのフラグ指定が必要です。

---

String.prototype.replaceはコールバック関数を取れますので（MDN）、そこで表を引かせるのが1つの方法です。

const table = {
  '&': '&',
  ' ': ' '
}

const str = "apple banana orange&lemon";
const replaced = str.replace(/[& ]/g, match => table[match]);

Comments

[yambejp]

マッチさせる正規表現は
const replaced = str.replace(new RegExp("["+Object.keys(table).join("")+"]","g"), match => table[match]);

のようにしたほうが楽かもしれません

[maisumakun]

エスケープなどを考えるのが煩雑だったので、いったんリテラルで書く形としています。

[Web_akira]

ありがとうございます！　これでやりたいことが出来ます。感謝です。
g が抜けていたのは、gをとって、先頭だけしか置換できないか試していたのをそのまま貼り付けてしまったからです。訂正致します。