正規表現とJavaScriptでコロン（:）の直後の最初の1文字だけを大文字に変換する方法

文字列の中で、コロン（:）の直後に続く最初の1文字だけを大文字にしたい場合は、正規表現とtoUpperCase()メソッドを組み合わせて使用します。toUpperCase()は文字列全体を大文字に変換してしまうため、正規表現を使って「コロンの直後の最初の文字」だけをピンポイントで置き換える必要があります。

例として、次のような文字列を想定します。

var objectValues = 'fullName: john Smith';

サンプルコード

以下が、コロンの直後の最初の文字だけを大文字に変換する完全なコードです。

var objectValues = 'fullName: john Smith';

function capitalizeFirstAfterTheColon(value) {
  return value.replace(/([:\?]\s+)(.)/g, function(data) {
    return data.toUpperCase();
  });
}

console.log(capitalizeFirstAfterTheColon(objectValues));

コードの解説

使用している正規表現 /([:\?]\s+)(.)/g の各要素の意味は次のとおりです。

• [:\?] … コロン「:」または疑問符「?」にマッチします。疑問符の後ろの文字も同様に処理できるよう、バックスラッシュでエスケープしています。
• \s+ … 直後に続く1つ以上の空白文字にマッチします。
• (.) … 空白の次に来る任意の1文字（大文字化の対象となる文字）をキャプチャします。
• gフラグ … 文字列内のすべての該当箇所に対して繰り返し置換を行います。

マッチした部分文字列全体に対してtoUpperCase()を実行していますが、コロンや空白には大文字・小文字の区別がないため、結果として目的の1文字だけが大文字になります。

実行方法

上記のプログラムを実行するには、次のコマンドを使用します。

node fileName.js

ここでは、ファイル名を demo85.js としています。

出力結果

実行すると、以下の出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo85.js
fullName: John Smith

このように、元の文字列「john Smith」の先頭の「j」だけが大文字の「J」に変換され、期待どおりの結果が得られています。同様の手法を使えば、疑問符やその他の記号の後の文字を大文字化することにも簡単に応用できます。