【JavaScript】文字列の後ろから指定した文字数を取得する方法｜slice(-n)・substringと末尾0・絵文字対策まで解説

const str = "abcdefg";
const n = 3; // 取得したい文字数

const result = str.slice(-n);
console.log(result); // "efg"

const str = "abcdefg";
const n = 3;

const result = str.substring(str.length - n);
console.log(result); // "efg"

const str = "abcdefg";

console.log(str.slice(-0));  // "abcdefg"（""ではなく全文！ -0 は 0 と同じ）
console.log(str.slice(-10)); // "abcdefg"（文字数が長すぎても全文・エラーなし）

// n が 0 でも安全に「空文字」にしたいなら length 基準で書く
function lastN(str, n) {
  return str.slice(str.length - n); // n=0 のとき slice(length) → ""
}
console.log(lastN(str, 0)); // ""（意図通り0文字）
console.log(lastN(str, 3)); // "efg"

const str = "abcdefg";
const n = 3;

// 末尾から n 文字を「取得」する
console.log(str.slice(-n));   // "efg"

// 末尾から n 文字を「削除」して前を取得する
console.log(str.slice(0, -n)); // "abcd"

// 末尾が絵文字（\u{1F600} = 絵文字1文字）の文字列
const str = "ab\u{1F600}";

console.log(str.slice(-1)); // 壊れた半端な文字（絵文字の片割れ）

// 対策: コードポイント単位で取得
function lastChars(str, n) {
  if (n <= 0) return ""; // slice(-0) は全文が返るため 0 以下は明示的に空文字に
  return [...str].slice(-n).join("");
}
console.log(lastChars(str, 1)); // 絵文字1文字（壊れない）
console.log(lastChars(str, 2)); // "b" + 絵文字

const card = "1234567812345678";

const last4 = card.slice(-4);
console.log(last4); // "5678"

// 下4桁以外を伏せ字にする
const masked = "*".repeat(card.length - 4) + last4;
console.log(masked); // "************5678"