バニラJavaScriptで文字列を大文字・小文字に変換する方法

JavaScriptのStringオブジェクトには、文字列を大文字や小文字に変換できる便利なメソッドが標準で用意されています。外部ライブラリを使わないバニラJavaScriptだけで、toUpperCase()とtoLowerCase()という2つのメソッドを呼び出すだけで簡単に実現できます。

toUpperCase() – 文字列を大文字に変換する

toUpperCase()は、文字列内のすべての英字を大文字に変換した新しい文字列を返します。元の文字列は変更されません。

コード例

let str = "Hello World";
let upper = str.toUpperCase();
console.log(upper);

実行結果

HELLO WORLD

toLowerCase() – 文字列を小文字に変換する

toLowerCase()は、その逆で、文字列内のすべての英字を小文字に変換した新しい文字列を返します。こちらも元の文字列には影響しません。

コード例

let str = "Hello World";
let lower = str.toLowerCase();
console.log(lower);

実行結果

hello world

ポイントまとめ

• どちらのメソッドも元の文字列を書き換えず、変換後の新しい文字列を返します(文字列はイミュータブルなため)。
• ユーザー入力の正規化や、大文字小文字を区別しない文字列比較などによく使われます。
• 例:if (input.toLowerCase() === "yes") { ... } のようにすれば、大文字・小文字どちらで入力されても同じように判定できます。

このように、バニラJavaScriptの標準メソッドだけでも文字列の大小文字変換はシンプルかつ確実に行えます。