【JavaScript】文字列の大文字・小文字を変換する方法｜toUpperCase・toLowerCase・先頭大文字化・ケース変換・大文字小文字無視比較まで解説

const result = str.toUpperCase();
// 戻り値: 全て大文字に変換された新しい文字列
// 元の文字列は変更されない

console.log("Hello World".toUpperCase()); // "HELLO WORLD"
console.log("javascript".toUpperCase());  // "JAVASCRIPT"
console.log("abc123".toUpperCase());      // "ABC123"（数字はそのまま）
console.log("こんにちは".toUpperCase());   // "こんにちは"（日本語は変化なし）

console.log("Hello World".toLowerCase()); // "hello world"
console.log("JAVASCRIPT".toLowerCase());  // "javascript"
console.log("ABC123".toLowerCase());      // "abc123"

function capitalize(str) {
  if (!str) return str;
  return str.charAt(0).toUpperCase() + str.slice(1);
}

console.log(capitalize("hello"));      // "Hello"
console.log(capitalize("javaScript")); // "JavaScript"
console.log(capitalize(""));           // ""

function capitalizeStrict(str) {
  if (!str) return str;
  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
}

console.log(capitalizeStrict("hELLO")); // "Hello"
console.log(capitalizeStrict("WORLD")); // "World"

function toTitleCase(str) {
  return str
    .toLowerCase()
    .split(" ")
    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
    .join(" ");
}

console.log(toTitleCase("hello world"));       // "Hello World"
console.log(toTitleCase("JAVASCRIPT IS GREAT")); // "Javascript Is Great"

function camelToSnake(str) {
  return str.replace(/([A-Z])/g, "_$1").toLowerCase();
}

console.log(camelToSnake("firstName"));     // "first_name"
console.log(camelToSnake("getUserName"));    // "get_user_name"
console.log(camelToSnake("HTMLElement"));    // "h_t_m_l_element"

function snakeToCamel(str) {
  return str.replace(/_([a-z])/g, (_, c) => c.toUpperCase());
}

console.log(snakeToCamel("first_name"));    // "firstName"
console.log(snakeToCamel("get_user_name")); // "getUserName"

function kebabToCamel(str) {
  return str.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
}

console.log(kebabToCamel("first-name"));      // "firstName"
console.log(kebabToCamel("background-color")); // "backgroundColor"

function equalsIgnoreCase(a, b) {
  return a.toLowerCase() === b.toLowerCase();
}

console.log(equalsIgnoreCase("Hello", "hello"));   // true
console.log(equalsIgnoreCase("JavaScript", "JAVASCRIPT")); // true
console.log(equalsIgnoreCase("Hello", "World"));   // false

function equalsLocaleIgnoreCase(a, b) {
  return a.localeCompare(b, undefined, { sensitivity: "accent" }) === 0;
}

console.log(equalsLocaleIgnoreCase("Hello", "hello")); // true
console.log(equalsLocaleIgnoreCase("café", "CAFÉ"));   // true

// 英語: i → I（通常）
console.log("i".toUpperCase());                    // "I"

// トルコ語: i → İ（上にドットあり）
console.log("i".toLocaleUpperCase("tr"));          // "İ"

// トルコ語: I → ı（下にドットなし）
console.log("I".toLocaleLowerCase("tr"));          // "ı"
console.log("I".toLowerCase());                    // "i"（英語ルール）

// メールアドレスは小文字に統一して保存
function normalizeEmail(email) {
  return email.trim().toLowerCase();
}

console.log(normalizeEmail("  Tanaka@Example.COM  "));
// "tanaka@example.com"

const fruits = ["Banana", "apple", "Cherry", "date"];

// そのままソート: 大文字が先になる
console.log([...fruits].sort());
// ["Banana", "Cherry", "apple", "date"]

// 大文字小文字を無視してソート
console.log([...fruits].sort((a, b) =>
  a.toLowerCase().localeCompare(b.toLowerCase())
));
// ["apple", "Banana", "Cherry", "date"]

function isUpperCase(char) {
  return char === char.toUpperCase() && char !== char.toLowerCase();
}

function isLowerCase(char) {
  return char === char.toLowerCase() && char !== char.toUpperCase();
}

console.log(isUpperCase("A")); // true
console.log(isUpperCase("a")); // false
console.log(isUpperCase("1")); // false（数字はどちらでもない）
console.log(isLowerCase("z")); // true

function hasUpperAndLower(str) {
  return str !== str.toLowerCase() && str !== str.toUpperCase();
}

console.log(hasUpperAndLower("Password1")); // true（大文字と小文字を含む）
console.log(hasUpperAndLower("password"));  // false（小文字のみ）
console.log(hasUpperAndLower("PASSWORD"));  // false（大文字のみ）