【疑問】Javascriptで複数回replaceを実行する方法は？　全てを置き換える方法も解説

はじめに

Javascriptには、文字列を置き換えるための便利な関数であるreplace()というものがあります。しかし、実行してみるとわかるのですが、Pythonなどとは異なり、複数の文字列を一回で置き換えることはできません。本記事では、複数の文字列を一回で置き換える方法について解説します。

Javascriptのreplace()関数の基本

replace()関数は、文字列内の特定の部分を他の文字列で置き換えるために使用されます。構文は以下のようになります：

let str = "Hello World";
let newStr = str.replace("World", "Javascript");
console.log(newStr); // "Hello Javascript"

この例では、文字列「Hello World」のうちの文字列「World」を別の文字列「Javascript」に置き換えています。しかし、原則としてreplace()関数は最初に一致した部分しか置き換えないため、同じ文字列が複数回出現する場合には全てを一度に置き換えることはできません。

複数回replaceを実行する方法

複数の文字列を置き換えたい場合、いくつかの方法があります。

チェーンリング（連続使用）

複数回replace()を連続して実行する方法です。

    let str = "Hello World, Welcome to the World!";
    let newStr = str.replace("World", "Javascript").replace("World", "Javascript");
    console.log(newStr); // "Hello Javascript, Welcome to the World!"

この例では、２回replace()を実行することによって、元の文字列「Hello World, Welcome to the World!」にある２つの「World」を置き換えています。しかし、この方法だと置き換える語の数が増えた場合に対応できません。

正規表現を使用

すべての一致する部分を置き換えるためには、正規表現を使用する必要があります。正規表現で全ての一致を見つけるには、globalフラグ（g）を付けて検索を行います。以下は、文字列「”Hello World, Welcome to the World!」のうちのすべてのWorldを置き換える例です。

    let str = "Hello World, Welcome to the World!";
    let newStr = str.replace(/World/g, "Javascript");
    console.log(newStr); // "Hello Javascript, Welcome to the Javascript!"

まとめ

Javascriptのreplace()関数は非常に便利ですが、デフォルトでは最初に一致した部分しか置き換えません。複数回の置き換えや全ての一致を見つけて置き換えるには、正規表現を使用する方法が最も効果的です。このアプローチを理解しておくことで、複雑な文字列操作も簡単に行えるようになります。ぜひ試してみてください。