【JavaScript】特定の文字列の直後にある1文字を抽出する方法｜indexOf・slice・正規表現（lookbehind）と末尾・絵文字対策まで解説

const str = "abcdefg";
const search = "c";

const index = str.indexOf(search);   // "c" の位置（=2）
if (index !== -1) {
  const after = index + search.length; // 直後の位置（=3）
  console.log(str[after]);             // "d"
}

function getCharAfter(str, search) {
  const index = str.indexOf(search);
  if (index === -1) return null;          // 見つからない
  const after = index + search.length;
  return after < str.length ? str[after] : null; // 末尾なら後ろに文字なし
}

console.log(getCharAfter("Hello World", "Hello")); // " "（スペース）
console.log(getCharAfter("user=tanaka", "="));     // "t"
console.log(getCharAfter("abc", "abc"));           // null（後ろに文字がない）
console.log(getCharAfter("abc", "z"));             // null（見つからない）

const str = "abcdefg";
const after = str.indexOf("c") + 1; // 3

console.log(str.slice(after, after + 1)); // "d"
console.log(str.charAt(after));           // "d"

// 範囲外（末尾を超える位置）の戻り値の違い
console.log(str[99]);          // undefined
console.log(str.charAt(99));   // ""（空文字）
console.log(str.slice(99, 100)); // ""（空文字）

function getCharsAfter(str, search, n = 1) {
  const index = str.indexOf(search);
  if (index === -1) return null;
  const after = index + search.length;
  return str.slice(after, after + n); // 末尾を超えても安全（自動で切り詰め）
}

console.log(getCharsAfter("price:1000yen", ":", 4)); // "1000"
console.log(getCharsAfter("abc", "ab", 5));          // "c"（残り全部）

function escapeRegExp(s) {
  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
}

const str = "abcdefg";
const search = "c";

const regex = new RegExp(escapeRegExp(search) + "(.)");
const match = str.match(regex);
console.log(match ? match[1] : null); // "d"（キャプチャグループ1）

const str = "price:100";

// ":" の直後の1文字を後読みで取得
const match = str.match(/(?<=:)./);
console.log(match ? match[0] : null); // "1"

function getCharAfterLast(str, search) {
  const index = str.lastIndexOf(search);
  if (index === -1) return null;
  const after = index + search.length;
  return after < str.length ? str[after] : null;
}

// 最後の "." の直後 → 拡張子の先頭文字
console.log(getCharAfterLast("archive.tar.gz", ".")); // "g"
console.log(getCharAfterLast("photo.JPG", "."));      // "J"

function getAllCharsAfter(str, search) {
  const results = [];
  let pos = 0;
  while (true) {
    const index = str.indexOf(search, pos);
    if (index === -1) break;
    const after = index + search.length;
    if (after < str.length) results.push(str[after]);
    pos = after;
  }
  return results;
}

console.log(getAllCharsAfter("x-a-b-c", "-")); // ["a", "b", "c"]

const str = "x-a-b-c";
const chars = [...str.matchAll(/-(.)/g)].map(m => m[1]);
console.log(chars); // ["a", "b", "c"]

const str = "Hello";
const index = str.indexOf("llo"); // 2
const after = index + "llo".length; // 5（= str.length）

console.log(str[after]);                       // undefined（後ろに文字なし）
console.log(after < str.length ? str[after] : "後ろに文字なし"); // "後ろに文字なし"

// ":" の直後が絵文字（\u{1F600} = 絵文字1文字）
const str = "id:\u{1F600}done";

console.log(str[str.indexOf(":") + 1]); // 壊れた半端な文字（絵文字の前半）

// 対策: コードポイント単位で扱う
const chars = [...str];
const ci = chars.indexOf(":");
console.log(chars[ci + 1]); // 絵文字1文字（壊れない）

function getValueInitial(line, key) {
  const sep = key + "=";
  const index = line.indexOf(sep);
  if (index === -1) return null;
  const after = index + sep.length;
  return after < line.length ? line[after] : null;
}

console.log(getValueInitial("name=Tanaka;age=30", "name")); // "T"
console.log(getValueInitial("name=Tanaka;age=30", "age"));  // "3"

function getExtensionInitial(filename) {
  const dot = filename.lastIndexOf(".");
  if (dot === -1 || dot + 1 >= filename.length) return null;
  return filename[dot + 1];
}

console.log(getExtensionInitial("report.pdf"));     // "p"
console.log(getExtensionInitial("photo.final.jpg")); // "j"
console.log(getExtensionInitial("noext"));           // null