【JavaScript】文字列を逆順に並び替える方法｜スプレッド構文で絵文字も壊さない反転と回文判定まで解説

function reverseString(str) {
  return [...str].reverse().join("");
}

console.log(reverseString("Hello")); // "olleH"
console.log(reverseString("こんにちは")); // "はちにんこ"

function reverseString(str) {
  return str.split("").reverse().join("");
}

console.log(reverseString("Hello")); // "olleH"（英数字ならOK）

function reverseString(str) {
  let result = "";
  for (let i = str.length - 1; i >= 0; i--) {
    result += str[i];
  }
  return result;
}

console.log(reverseString("Hello")); // "olleH"

function reverseString(str) {
  if (str === "") return "";
  // substr は非推奨なので slice を使う
  return reverseString(str.slice(1)) + str.charAt(0);
}

console.log(reverseString("Hello")); // "olleH"

const str = "a\u{1F600}b"; // 真ん中が絵文字（\u{1F600}）の文字列

// NG: split("") は絵文字を2つに割ってしまう → 反転で文字化け
console.log(str.split("").reverse().join("")); // "b" + 壊れた絵文字 + "a"

// OK: スプレッド構文ならコードポイント単位で安全
console.log([...str].reverse().join("")); // "b" + 絵文字 + "a"（正しく反転）

function reverseByGrapheme(str) {
  const seg = new Intl.Segmenter("ja", { granularity: "grapheme" });
  return [...seg.segment(str)].map(s => s.segment).reverse().join("");
}

// "cafe" + 結合アクセント(\u0301) = 見た目は "café"
const str = "cafe\u0301";

console.log([...str].reverse().join(""));   // アクセントが外れて崩れる
console.log(reverseByGrapheme(str));        // "éfac"（正しく反転）

function isPalindrome(str) {
  const s = str.toLowerCase();
  return s === [...s].reverse().join("");
}

console.log(isPalindrome("level"));         // true
console.log(isPalindrome("Hello"));         // false
console.log(isPalindrome("たけやぶやけた")); // true