JavaScriptの日常的な操作の1つに、文字列の大文字と小文字の変換があります。今回の記事では、これを行うシンプルで効率的な方法を2つ紹介します。
toUpperCase() メソッドで全て大文字に
基本的な使い方
toUpperCase() メソッドは、指定された文字列をすべて大文字に変換するための方法です。
var text = "Hello World!"; var upperText = text.toUpperCase(); console.log(upperText); // 出力: "HELLO WORLD!"
このメソッドは非常にシンプルで、特別なパラメータは必要ありません。
注意点
重要なのは、toUpperCase()メソッドは元の文字列を変更するわけではなく、新しい文字列を返すという点です。したがって、変換後の文字列を使用したい場合は、新しい変数に結果を格納する必要があります。
toLowerCase() メソッドで全て小文字に
基本的な使い方
toLowerCase() メソッドは、指定された文字列をすべて小文字に変換するための方法です。
var text = "Hello World!"; var lowerText = text.toLowerCase(); console.log(lowerText); // 出力: "hello world!"
このメソッドもtoUpperCase()メソッドと同様に、非常にシンプルで使いやすいです。
注意点
toLowerCase()メソッドも元の文字列を変更しない点が重要です。新しく変換された文字列を得るためには、別の変数に結果を保存する形になります。
実践的な例 – ユーザー入力の処理
よくある用途として、ユーザーからの入力を一定の形式（大文字または小文字）に揃えたい場合があります。以下にその例を示します。
function convertToUpperCase(input) {
return input.toUpperCase();
}
function convertToLowerCase(input) {
return input.toLowerCase();
}
var userInput = "JaVaScRiPt";
console.log(convertToUpperCase(userInput)); // 出力: "JAVASCRIPT"
console.log(convertToLowerCase(userInput)); // 出力: "javascript"
この例では、ユーザーからの入力を関数を通して大文字または小文字に一括変換し、それを更に処理する、または表示するための準備が整います。
よくある質問（FAQ）
Q. toUpperCase()とtoLocaleUpperCase()の違いは何ですか？
A.
toUpperCase()はUnicode標準の大文字変換です。toLocaleUpperCase()はロケール（言語・地域設定）に応じた変換を行います。例：トルコ語ではiの大文字がİ（上に点あり）で、loUpperCaseだとIになりtoLocaleUpperCase(“tr”)だとİになります。日本語環境では通常差はありません。Q. 文字列の最初の文字だけを大文字にする（先頭大文字化）にはどうすればよいですか？
A.
str.charAt(0).toUpperCase() + str.slice(1)で先頭文字を大文字にできます。テンプレートリテラルで書くと：`${str[0].toUpperCase()}${str.slice(1)}`。空文字列に注意が必要です（str[0]がundefinedになる）。Q. キャメルケース・スネークケース・ケバブケースを相互変換するにはどうすればよいですか？
A. キャメル→スネーク：
str.replace(/([A-Z])/g, "_$1").toLowerCase()。スネーク→キャメル：str.replace(/_([a-z])/g, (_, c) => c.toUpperCase())。ケバブ→キャメル：str.replace(/-([a-z])/g, (_, c) => c.toUpperCase())まとめ
JavaScriptで文字列を大文字に変換するtoUpperCase()メソッドと、小文字に変換するtoLowerCase()メソッドは、どちらも非常に使いやすい便利なツールです。これらを使って、コードをよりクリーンで読みやすく、そして効率的に保つことができます。