JavaScriptで文字列を大文字に変換したい場合、`toUpperCase()`メソッドを使用します。このメソッドは、文字列内のすべての文字を大文字に変換した新しい文字列を返します。

基本的な使い方

const text = "Hello World";
const upperCase = text.toUpperCase();
console.log(upperCase); // "HELLO WORLD"

`toUpperCase()`メソッドは、以下のような特徴があります：

  • 元の文字列は変更されず、新しい文字列を返します
  • パラメータは必要ありません
  • すでに大文字の文字はそのまま維持されます

実践的な使用例

1. 入力値の標準化

function standardizeInput(input) {
    return input.toUpperCase();
}

console.log(standardizeInput("email@example.com")); // "EMAIL@EXAMPLE.COM"

2. 文字列の一部分のみを大文字に変換

const name = "john doe";
const formattedName = name.charAt(0).toUpperCase() + name.slice(1);
console.log(formattedName); // "John doe"

3. 配列内の文字列を大文字に変換

const fruits = ["apple", "banana", "orange"];
const upperFruits = fruits.map(fruit => fruit.toUpperCase());
console.log(upperFruits); // ["APPLE", "BANANA", "ORANGE"]

注意点

1. nullやundefinedに対して使用するとエラーが発生します：

const text = null;
// エラー: Cannot read property 'toUpperCase' of null
text.toUpperCase();

2. 数値に直接使用することはできません：

// エラー: 数値に直接使用できない
123.toUpperCase();

// 正しい使用法
String(123).toUpperCase();

エラー対策

エラーを防ぐために、以下のようなチェックを実装することをお勧めします：

function safeToUpperCase(text) {
    if (text === null || text === undefined) {
        return "";
    }
    return String(text).toUpperCase();
}

console.log(safeToUpperCase("hello")); // "HELLO"
console.log(safeToUpperCase(null)); // ""
console.log(safeToUpperCase(123)); // "123"

クロスブラウザ対応

`toUpperCase()`メソッドは、すべての主要なブラウザで完全にサポートされています：

  • Google Chrome
  • Firefox
  • Safari
  • Microsoft Edge
  • Internet Explorer 11

まとめ

`toUpperCase()`メソッドは、JavaScriptで文字列を大文字に変換する簡単で効果的な方法です。使用時は以下の点に注意しましょう：

  • null/undefinedのチェック
  • 数値を文字列に変換してから使用
  • 元の文字列は変更されないことを理解する

これらの注意点を守れば、`toUpperCase()`メソッドを安全に活用できます。