新婚システムエンジニアのブログ

新婚システムエンジニア(SE)のブログです。IT系の話や資格関連、結婚生活について書きます

JavaScriptで文字列を複数置換する方法を例を使って紹介

JavaScriptで文字列を複数置換する方法について例を使って紹介します。

JavaScriptで文字列を置換しようとするとreplaceメソッドを使うのが一般的だと思います。
しかし、普通に記述すると、replaceメソッドは最初の1文字しか置換しません。
そこで、複数置換する方法について今日は書いてみます。

まずは通常の置換から。
aaa-aaa-bbb-aaaという文字列があったとして「aaa」を「ccc」に置換してみます。

var str= "aaa-aaa-bbb-aaa";

//文字を置換する
str = str.replace("aaa","ccc");
console.log(str);

すると出力結果は以下のようになります。
f:id:STSA:20180526132745p:plain

これだと最初の1つだけしか置換がされません。

次に正規表現を使って置換してみます。

var str= "aaa-aaa-bbb-aaa";

//正規表現で文字を置換する
str = str.replace(/aaa/g,"ccc");
console.log(str);

すると出力結果は以下のようになります。
f:id:STSA:20180526132935p:plain

すると文字列中の「aaa」が全て「ccc」に置換されています。