文字列.toUpperCase() / toLowerCase()

文字列内のアルファベットをすべて大文字、またはすべて小文字に変換します。元の文字列は変更されません。

構文

// すべてのアルファベットを大文字に変換します。
文字列.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』と出力されます。

概要

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

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

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