文字列.toUpperCase() / toLowerCase()

// すべてのアルファベットを大文字に変換します。
文字列.toUpperCase()

// すべてのアルファベットを小文字に変換します。
文字列.toLowerCase()

var str = "Hello World";

// 大文字に変換します。
console.log(str.toUpperCase()); // 『HELLO WORLD』と出力されます。

// 小文字に変換します。
console.log(str.toLowerCase()); // 『hello world』と出力されます。

// 元の文字列は変更されません。
console.log(str); // 『Hello World』のまま出力されます。

// 大文字・小文字を無視した比較に活用できます。
var input = "JavaScript";
var target = "javascript";
console.log(input.toLowerCase() === target.toLowerCase()); // 『true』と出力されます。

// 日本語やスペースはそのまま残ります。
var mixed = "Hello こんにちは 123";
console.log(mixed.toUpperCase()); // 『HELLO こんにちは 123』と出力されます。

上記のコードを実行すると、コンソールには以下が出力されます。

"HELLO WORLD"           // 大文字に変換
"hello world"           // 小文字に変換
"Hello World"           // 元の文字列は変わらない
true                    // 小文字に揃えて比較すれば一致する
"HELLO こんにちは 123"  // 日本語と数字はそのまま

『文字列.toUpperCase()』と『文字列.toLowerCase()』は文字列内のアルファベットを大文字または小文字に変換するメソッドです。日本語や数字、記号は変換の影響を受けず、そのまま残ります。

最もよく使われる場面は、大文字・小文字を区別しない文字列の比較です。ユーザーが入力した値を検索・照合する際に、双方を小文字に揃えてから比較するとよいでしょう。『文字列.indexOf()』や『文字列.startsWith()』は大文字・小文字を区別するため、これらのメソッドと組み合わせて使うことが多いです。

いずれも元の文字列は変更せず、新しい文字列を返します。結果を使うためには変数に代入するか、直接利用する必要があります。