JavaScriptで文字列の一部を置き換える方法｜replace()メソッドの使い方と実行例

はい、replace()メソッドを使用すれば、変数に格納された文字列の一部を別の値に置き換えることができます。基本的な構文は以下の通りです。

var anyVariableName = yourValue;
yourVariableName = yourVariableName.replace(yourOldValue, yourNewValue);

サンプルコード

実際に文字列内の「John」という部分を「David Miller」に置き換える例を見てみましょう。

var message = "Hello,this is John";
console.log("置き換え前のメッセージ=" + message);
message = message.replace("John", "David Miller");
console.log("置き換え後のメッセージ=" + message);

上記のプログラムを実行するには、Node.js環境で以下のコマンドを使用します。

node fileName.js

ここでは、ファイル名をdemo57.jsとして保存したものとします。

実行結果

プログラムを実行すると、コンソールに以下のように出力されます。

PS C:\Users\Amit\JavaScript-code> node demo57.js
Before replacing the message=Hello,this is John
After replacing the message=Hello,this is David Miller

補足：JavaScriptの文字列はイミュータブル（不変）

正確に理解しておきたい点として、JavaScriptの文字列はイミュータブル（不変）であり、既存の文字列を直接書き換えることはできません。replace()メソッドは置換後の新しい文字列を生成して返す仕組みになっています。上記のサンプルでは、その戻り値を同じ変数messageに再代入することで、元の文字列がその場で置き換えられたように見せているのです。この挙動を理解しておくと、文字列操作時の予期しないバグを防ぐことにつながります。