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

文字列内の各単語の先頭文字だけを大文字にし、それ以外の文字をすべて小文字にして返すには、toUpperCase() メソッドと toLowerCase() メソッドを組み合わせて使用します。

まず split(' ') で文字列を単語ごとに分割し、map() で各単語の先頭文字を大文字化、残りの文字を小文字化します。最後に join(' ') で再び連結することで、整形された文字列を取得できます。

サンプルコード

function capitalEveryFirstletter(subjectTitle) {
   return subjectTitle.split(' ')
   .map(st => st.charAt(0).toUpperCase() + st.slice(1).toLowerCase())
   .join(' ');
}
var subjectTitle = "iNtroduction tO JavaScript ProgRAMMINg";
var output = capitalEveryFirstletter(subjectTitle);
console.log("The result=" + output);

プログラムの実行方法

上記のプログラムを実行するには、Node.jsを使って次のコマンドを入力します。

node fileName.js

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

実行結果

このプログラムを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo74.js
The result=Introduction To JavaScript Programming

ご覧のとおり、元の文字列「iNtroduction tO JavaScript ProgRAMMINg」の大文字・小文字が混在した表記が、各単語の先頭だけが大文字の「Introduction To JavaScript Programming」に変換されました。

コードのポイント

st.charAt(0).toUpperCase() で各単語の1文字目を大文字にし、st.slice(1).toLowerCase() で2文字目以降を小文字に変換しています。この処理を map() で全単語に適用することで、どんな入力でも統一されたフォーマットの文字列を生成できます。