JavaScriptの複数メソッドを組み合わせて文字列を変換するテクニック

JavaScriptでは、文字列を変換する際に toLowerCase() や toUpperCase() といったメソッドが利用できます。これらを組み合わせることで、文字列の先頭だけ大文字にし、残りを小文字に揃える「タイトルケース風」の整形も簡単に行えます。

対象となる文字列

例として、次のような大文字と小文字が混在した文字列を用意します。

var sentence = "tHIS iS tHE JavaScript pROGRAM";

実装コード

この文字列を整形して表示するには、以下のように charAt()、toUpperCase()、slice()、toLowerCase() を組み合わせた関数を定義します。

var sentence = "tHIS iS tHE JavaScript pROGRAM";

function modifyStringWithMultipleMethods(sentence) {
  return sentence.charAt(0).toUpperCase() +
    sentence.slice(1).toLowerCase();
}

console.log(modifyStringWithMultipleMethods(sentence));

コードの解説

• charAt(0).toUpperCase(): 1文字目を取り出し、大文字に変換します。
• slice(1): 2文字目以降の部分文字列を取得します。
• toLowerCase(): 取得した部分文字列をすべて小文字に変換します。

これにより、「先頭は大文字・それ以外は小文字」という形式の文字列が生成されます。

プログラムの実行方法

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

node fileName.js

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

実行結果

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

PS C:\Users\Amit\JavaScript-code> node demo51.js
This is the JavaScript program

混在していた大文字・小文字が整理され、「This is the JavaScript program」という自然な形式の文字列に変換されました。このように、複数の文字列メソッドを連結（メソッドチェーン）することで、簡潔かつ読みやすいコードで文字列を自由に加工できます。