JavaScriptで文字列内の各単語の先頭文字を大文字に変換する方法

JavaScriptで文字列内の各単語の先頭文字を大文字にするには、まず split() メソッドを使って文字列をスペースで分割します。その後、charAt() で各単語の1文字目を取り出し、toUpperCase() を使って大文字へ変換します。

処理の流れ

この手法は以下のステップで構成されています。

• toLowerCase(): 文字列全体を一旦小文字に統一し、変換後の表記を揃えます。
• split(' '): スペースを区切り文字として文字列を配列に分割します。
• charAt(0) + toUpperCase(): 各単語の先頭文字を大文字に変換します。
• substring(1): 2文字目以降をそのまま取得し、大文字化した先頭文字と結合します。
• join(' '): 処理後の単語を再びスペースで連結し、ひとつの文字列に戻します。

サンプルコード

function capitalizeTheFirstLetterOfEachWord(words) {
   var separateWord = words.toLowerCase().split(' ');
   for (var i = 0; i < separateWord.length; i++) {
      separateWord[i] = separateWord[i].charAt(0).toUpperCase() +
      separateWord[i].substring(1);
   }
   return separateWord.join(' ');
}
console.log(capitalizeTheFirstLetterOfEachWord("my name is john"));

この関数では、引数として渡された文字列 "my name is john" の各単語が処理され、すべての先頭文字が大文字に変換されます。

プログラムの実行方法

上記のプログラムを実行するには、ターミナルやコマンドプロンプトから以下のコマンドを使用します。

node fileName.js

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

実行結果

実行すると、各単語の先頭文字が大文字になった以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo43.js
My Name Is John

このように、split()、charAt()、toUpperCase() を組み合わせることで、シンプルなループ処理だけでタイトルケース（各単語の先頭だけが大文字）への変換が実現できます。