JavaScriptで最初のスラッシュより前の文字列を置換する方法

はじめに

次のような、スラッシュ（/）を含む文字列があるとします。

var queryStringValue = "welcome/name/john/age/32"

この文字列の「最初のスラッシュより前の部分」だけを別の文字列に置き換えたい場合は、replace()メソッドと正規表現を組み合わせることで簡単に実現できます。

使用する正規表現の意味

今回使う正規表現は /^[^/]+/ です。それぞれの記号は以下のような意味を持っています。

• ^ … 文字列の先頭位置を表す
• [^/]+ … 「スラッシュ以外の文字」が1文字以上続く部分にマッチする

つまり、このパターンは「文字列の先頭から、最初のスラッシュの手前まで」に一致し、replace()の第2引数に指定した文字列と入れ替わります。

サンプルコード

実際のコードは次のとおりです。

var regularExpression = /^[^\/]+/
var queryStringValue = "welcome/name/john/age/32"
var replacedValue = queryStringValue.replace(regularExpression, 'index');
console.log("Original value="+queryStringValue);
console.log("After replacing the value="+replacedValue);

プログラムの実行方法

上記のプログラムはNode.jsで実行します。ターミナルやコマンドプロンプトで、次のコマンドを入力してください。

node fileName.js

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

実行結果

コンソールには次のように出力されます。

PS C:\Users\Amit\javascript-code> node demo245.js
Original value=welcome/name/john/age/32
After replacing the value=index/name/john/age/32

出力を見ると、文字列の先頭にあった「welcome」だけが「index」に置き換わり、それ以降の「/name/john/age/32」の部分はそのまま残っていることがわかります。

まとめ

最初のスラッシュより前の文字列だけを置換したいときは、正規表現 /^[^/]+/ を使うことで、文字列全体ではなく必要な部分だけをピンポイントで書き換えられます。URLのパスやクエリ文字列の一部を差し替えたい場面などで役立つテクニックなので、ぜひ覚えておきましょう。