JavaScript | replace()で複数の文字列を全て置き換える方法

JavaScript,JavaScript 文字列

replaceで複数の文字列を全て置き換える方法

JavaScriptのreplace()で複数の文字または文字列を全て一括で置き換える方法の紹介です。

指定の文字列をひとつ置き換える

最初に見つかった指定文字列または文字をひとつだけ置き換える場合は正規表現を使わずに実装可能です。

サンプルでは最初に見つかった「aaa」だけが「ccc」に置き換えられていることが確認できます。

let text = `aaa aaa aaa`;
text = text.replace('aaa', 'ccc');

//ccc aaa aaa

指定の文字列を全て置き換える

特定の文字列または文字を全て置き換えるには正規表現と正規表現の「gオプション」を使った実装方法が簡単です。

正規表現では「gオプション」を指定することで対象の文字が複数回含まれている場合、その全てを置き換える事が可能です。

let text = `aaa aaa aaa`;
text = text.replace(/aaa/g, 'ccc');

//ccc ccc ccc

複数の指定文字列を全て置き換える

複数の指定文字列を置き換える場合も正規表現を使うことで実装可能です。

この場合、「gオプション」を指定しないと最初の指定文字列をひとつしか置き換えませんので「gオプション」を指定します。

let text = `aaa bbb ccc`;
text = text.replace(/aaa|bbb|ccc/g, 'ddd');

//ddd ddd ddd