JavaScript で特殊文字" "を" "(半角スペース)に変換したい

Question

htmlのテキストエリアに入力された特殊文字を変換するのに、
lodashのunescapeメソッドを使用しておりましたが、
" "が変換されませんでした。
調べところ、githubにもバグとして問題提起している方がいらしたので、
今回は、メソッドを作成し、置き換えることにしました。

MDNのString.proptotype.replace()を参考にしながら
下記のようなコードを作成しました。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/replace

const test = " ・・・   ・・・  "
const regex = / /i;
function testfunc(){
    const testReplace = test.replace(regex,' ')    
    console.log(testReplace)
    return
}
testfunc()

実行結果は下記のようになり、2個目の" "が残ってしまいます。

runtime.ts:115  ・・・   ・・・  

JavaScriptのコードですが、TypeScript Playgorundで動作確認しております。
const regexで定義した正規表現が間違っているのでしょうか？
どなたか、詳しい方、ご教示いただけますと幸いです。

Answer 1

const regex = / /ig;

g オプションを付けないと、1回だけのマッチングで終了してしまいます。

Comments

[takochan1192]

ありがとうございます！gオプションが必要だったとは、、、勉強になりました。

Answer 2

グローバルを示すgオプションが必要です。

const regex = / /ig;

これで動作を確認してみてください。

他にもreplaceAllメソッド作った方がよくね？
みたいな動きもあり、一部のモダンなブラウザ等では採用されているようです。
以下参考記事

• 特定の文字列を全て置換する[Javascript] - Qiita
• フラグを用いた高度な検索 - MDN
• JavaScriptのString.prototype.replaceAllについて
• String.prototype.replaceAll - MDN

Comments

[takochan1192]

replaceAllメソッドを使えばよかったのですね！！JavaScript界隈はそんなことになっていたとは、、、、
全く知りませんでした。参考資料までありがとうございます。非常に勉強になります。
ありがたく見させていただきます！！
あっ、今のプロジェクトがＩＥ対応も必要だったので、やっぱりreplaceメソッドを使うことになりそうです。

[miyabi-sun]

まぁそうですよね。

TypeScriptで普段書いてるならBabelも併用するでしょうから、
その時にポリフィル(ES5で最新のコードを導入しようというライブラリ)使って実現出来ると思います。
ただまぁ、その追加コードもコストがタダじゃないので素直にreplaceメソッドで良いと思います。