【JavaScript】charAt の使い方｜文字列から1文字を取得・ブラケット記法 / at() との違い・サロゲートペア対応まで解説

const char = str.charAt(index);
// index: 取得したい文字の位置（0 始まり、省略すると 0）
// 戻り値: 指定位置の 1 文字（文字列型）
//         範囲外の場合は空文字 ""

const str = "JavaScript";

console.log(str.charAt(0)); // "J"（先頭）
console.log(str.charAt(4)); // "S"
console.log(str.charAt(9)); // "t"（末尾）

// インデックス省略 → 0番目
console.log(str.charAt());  // "J"

const word = "プログラミング";

// 先頭の文字
console.log(word.charAt(0)); // "プ"

// 末尾の文字
console.log(word.charAt(word.length - 1)); // "グ"

const str = "Hello";

console.log(str.charAt(100));  // ""（範囲外）
console.log(str.charAt(-1));   // ""（負の値）
console.log(str.charAt(NaN));  // "H"（NaN → 0 として扱われる）

const str = "ABC";

// 正常時: 同じ結果
console.log(str.charAt(0)); // "A"
console.log(str[0]);        // "A"

// 範囲外: 戻り値が異なる
console.log(str.charAt(10)); // ""（空文字）
console.log(str[10]);        // undefined

// 条件分岐での影響
if (str.charAt(10)) { /* 空文字は falsy → 実行されない */ }
if (str[10]) { /* undefined も falsy → 実行されない */ }

const str = "JavaScript";

// 正のインデックス: charAt と同じ
console.log(str.at(0));  // "J"
console.log(str.at(4));  // "S"

// 負のインデックス: 末尾からの位置
console.log(str.at(-1)); // "t"（末尾）
console.log(str.at(-6)); // "S"（末尾から6番目）

// 範囲外: undefined を返す
console.log(str.at(100)); // undefined

const str = "Hello";

// charAt: length - 1 を計算する必要がある
console.log(str.charAt(str.length - 1)); // "o"

// ブラケット記法: 同じく length - 1
console.log(str[str.length - 1]); // "o"

// at(): 負のインデックスで簡潔
console.log(str.at(-1)); // "o"

const str = "A";

console.log(str.charAt(0));      // "A"
console.log(str.charCodeAt(0));  // 65（UTF-16 コード）
console.log(str.codePointAt(0)); // 65（Unicode コードポイント）

const emoji = "?";

console.log(emoji.length);     // 2（UTF-16で2ユニット）
console.log(emoji.charAt(0));  // "\ud83c"（壊れた文字）
console.log(emoji.charAt(1));  // "\udf89"（壊れた文字）

// 正しく取得する方法
console.log([...emoji][0]);    // "?"（スプレッド構文で文字単位に分割）
console.log(emoji.at(0));      // "\ud83c"（at も UTF-16 ベース）

function charAtSafe(str, index) {
  const chars = [...str]; // 文字単位に分割
  return chars[index] ?? "";
}

console.log(charAtSafe("Hello?World", 5)); // "?"
console.log(charAtSafe("Hello?World", 6)); // "W"

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"

const str = "Hello";

// charAt + for ループ
for (let i = 0; i < str.length; i++) {
  console.log(str.charAt(i));
}

// for...of（サロゲートペア対応・推奨）
for (const char of str) {
  console.log(char);
}

function getInitials(fullName) {
  return fullName
    .split(" ")
    .map(name => name.charAt(0).toUpperCase())
    .join("");
}

console.log(getInitials("tanaka taro"));  // "TT"
console.log(getInitials("John Smith"));   // "JS"

function checkPasswordStrength(password) {
  let score = 0;

  for (let i = 0; i < password.length; i++) {
    const code = password.charCodeAt(i);
    if (code >= 65 && code <= 90)  score |= 1; // 大文字
    if (code >= 97 && code <= 122) score |= 2; // 小文字
    if (code >= 48 && code <= 57)  score |= 4; // 数字
  }

  if (password.length >= 8 && score === 7) return "強い";
  if (password.length >= 6 && score >= 3) return "普通";
  return "弱い";
}

console.log(checkPasswordStrength("Abc12345")); // "強い"
console.log(checkPasswordStrength("abc"));      // "弱い"