【JavaScript】文字コードを取得・変換する方法｜charCodeAt・codePointAt・fromCharCode・fromCodePoint・サロゲートペアまで解説

const code = str.charCodeAt(index);
// index: 文字の位置（0始まり）
// 戻り値: UTF-16 コードユニット（0〜65535 の整数）
//         範囲外の場合は NaN

console.log("A".charCodeAt(0));  // 65
console.log("a".charCodeAt(0));  // 97
console.log("0".charCodeAt(0));  // 48
console.log("あ".charCodeAt(0)); // 12354

// 複数文字の文字列
const str = "Hello";
console.log(str.charCodeAt(0)); // 72（"H"）
console.log(str.charCodeAt(4)); // 111（"o"）

// BMP の文字: charCodeAt と同じ結果
console.log("A".codePointAt(0));  // 65
console.log("あ".codePointAt(0)); // 12354

// サロゲートペア（絵文字）: 結果が異なる
const emoji = "?";
console.log(emoji.charCodeAt(0));  // 55357（上位サロゲートのみ）
console.log(emoji.codePointAt(0)); // 128512（正しいコードポイント）

const char = String.fromCharCode(code1, code2, ...);
// 引数: UTF-16 コードユニット（0〜65535）を1つ以上
// 戻り値: 対応する文字を連結した文字列

// 1文字ずつ
console.log(String.fromCharCode(65));    // "A"
console.log(String.fromCharCode(12354)); // "あ"

// 複数のコードをまとめて文字列に
console.log(String.fromCharCode(72, 101, 108, 108, 111)); // "Hello"

// BMP の文字: fromCharCode と同じ結果
console.log(String.fromCodePoint(65));    // "A"
console.log(String.fromCodePoint(12354)); // "あ"

// サロゲートペア: fromCodePoint なら正しく生成できる
console.log(String.fromCodePoint(128512)); // "?"

// fromCharCode では生成できない（サロゲートペアを分割して渡す必要がある）
console.log(String.fromCharCode(55357, 56832)); // "?"（冗長）

const str = "A?B";

// "A" (index 0): BMP文字 → 同じ結果
console.log(str.charCodeAt(0));  // 65
console.log(str.codePointAt(0)); // 65

// "?" (index 1-2): サロゲートペア → 異なる結果
console.log(str.charCodeAt(1));  // 55357（上位サロゲート）
console.log(str.codePointAt(1)); // 128512（正しいコードポイント）

// "B" の位置にも注意
console.log(str.charCodeAt(3));  // 66（"B"はindex 3）
console.log(str[3]);             // "B"

const str = "A?B";

// for...of はサロゲートペアを正しく1文字として扱う
for (const char of str) {
  console.log(char, char.codePointAt(0));
}
// "A" 65
// "?" 128512
// "B" 66

function charType(char) {
  const code = char.charCodeAt(0);
  if (code >= 65 && code <= 90)  return "uppercase";
  if (code >= 97 && code <= 122) return "lowercase";
  if (code >= 48 && code <= 57)  return "digit";
  return "other";
}

console.log(charType("A")); // "uppercase"
console.log(charType("z")); // "lowercase"
console.log(charType("5")); // "digit"
console.log(charType("あ")); // "other"

function caesarCipher(text, shift) {
  return [...text].map(char => {
    const code = char.charCodeAt(0);

    // 大文字 A-Z
    if (code >= 65 && code <= 90) {
      return String.fromCharCode(((code - 65 + shift) % 26) + 65);
    }
    // 小文字 a-z
    if (code >= 97 && code <= 122) {
      return String.fromCharCode(((code - 97 + shift) % 26) + 97);
    }
    // その他はそのまま
    return char;
  }).join("");
}

console.log(caesarCipher("Hello, World!", 3));  // "Khoor, Zruog!"
console.log(caesarCipher("Khoor, Zruog!", 23)); // "Hello, World!"（復号）

function toHalfWidth(str) {
  return str.replace(/[Ａ-Ｚａ-ｚ０-９]/g, char => {
    return String.fromCharCode(char.charCodeAt(0) - 0xFEE0);
  });
}

console.log(toHalfWidth("Ｈｅｌｌｏ１２３")); // "Hello123"

// A-Z の配列
const alphabet = Array.from({ length: 26 }, (_, i) =>
  String.fromCharCode(65 + i)
);
console.log(alphabet); // ["A", "B", "C", ... "Z"]

// a-z の配列
const lowerAlphabet = Array.from({ length: 26 }, (_, i) =>
  String.fromCharCode(97 + i)
);
console.log(lowerAlphabet); // ["a", "b", "c", ... "z"]

function removeControlChars(str) {
  return [...str].filter(char => {
    const code = char.codePointAt(0);
    // 制御文字: 0-31, 127
    return !(code <= 31 || code === 127);
  }).join("");
}

const dirty = "Hello\x00World\x1F!";
console.log(removeControlChars(dirty)); // "HelloWorld!"