文字列.toUpperCase() / toLowerCase()

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

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

sample_toUpperCase.js

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』と出力されます。

// 大文字・小文字を無視した検索フィルタリングに使います。
var members = ["Okabe Rintaro", "Makise Kurisu", "Shiina Mayuri", "Hashida Itaru"];
var query = "kurisu";
var i;
for (i = 0; i < members.length; i++) {
	if (members[i].toLowerCase().indexOf(query.toLowerCase()) !== -1) {
		console.log(members[i] + " がヒットしました"); // 大文字・小文字を問わず一致を検出します。
	}
}

// URLスラグの生成: 大文字を小文字に統一してハイフンで区切ります。
var title = "Future Gadget Lab";
var slug = title.toLowerCase().replaceAll(" ", "-");
console.log(slug); // 『future-gadget-lab』と出力されます。

HELLO WORLD
hello world
Hello World
true
HELLO こんにちは 123
Makise Kurisu がヒットしました
future-gadget-lab

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

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

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