【JavaScript】指定した文字以降の文字列を削除する方法｜substring・slice・split・正規表現と「見つからない」対策まで解説

const str = "abcdefg";
const index = str.indexOf("c"); // "c" の位置（=2）を取得
const result = str.substring(0, index); // 先頭から "c" の手前まで
console.log(result); // "ab"

const str = "abcdefg";
const index = str.indexOf("c");
console.log(str.substring(0, index));     // "ab"   （c を含めず削除）
console.log(str.substring(0, index + 1)); // "abc"  （c を残して削除）

const str = "abcdefg";
const index = str.indexOf("c");
const result = str.slice(0, index);
console.log(result); // "ab"

const str = "abcdefg";
const index = str.indexOf("z"); // 存在しない → -1

// substring は負の値を 0 として扱う → substring(0, 0)
console.log(str.substring(0, index)); // ""（空文字になってしまう）

// slice は負の値を「末尾からの位置」として扱う → slice(0, 6)
console.log(str.slice(0, index));     // "abcdef"（末尾が1文字欠ける）

function deleteAfter(str, target) {
  const index = str.indexOf(target);
  if (index === -1) return str; // 見つからなければそのまま返す
  return str.slice(0, index);
}

console.log(deleteAfter("abcdefg", "c")); // "ab"
console.log(deleteAfter("abcdefg", "z")); // "abcdefg"（元のまま）

// 目印を残したいバージョン
function deleteAfterKeep(str, target) {
  const index = str.indexOf(target);
  if (index === -1) return str;
  return str.slice(0, index + target.length); // 複数文字の目印にも対応
}

console.log(deleteAfterKeep("https://example.com/path", "/path")); // "https://example.com/path"
console.log(deleteAfterKeep("2024-01-15T10:00", "T"));             // "2024-01-15T"

const str = "abcdefg";
const result = str.split("c")[0];
console.log(result); // "ab"

// 区切り文字が複数文字でもOK
console.log("name=value=extra".split("=")[0]); // "name"

const str = "abcdefg";

// "c" 以降をすべて削除（s フラグで改行も . にマッチさせる）
console.log(str.replace(/c.*/s, "")); // "ab"

// 古い実行環境（s フラグ非対応）では [\s\S] を使う
console.log(str.replace(/c[\s\S]*/, "")); // "ab"

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

function deleteAfterRegex(str, target) {
  const re = new RegExp(escapeRegExp(target) + "[\\s\\S]*");
  return str.replace(re, "");
}

console.log(deleteAfterRegex("price: 100.50 yen", ".")); // "price: 100"
console.log(deleteAfterRegex("a?b?c", "?"));              // "a"

function deleteAfterLast(str, target) {
  const index = str.lastIndexOf(target);
  if (index === -1) return str;
  return str.slice(0, index);
}

// "." が複数あっても最後の "." 以降だけ消える
console.log(deleteAfterLast("archive.tar.gz", ".")); // "archive.tar"
console.log(deleteAfterLast("a.b.c.d", "."));        // "a.b.c"

function removeExtension(filename) {
  const index = filename.lastIndexOf(".");
  return index > 0 ? filename.slice(0, index) : filename;
}

console.log(removeExtension("report.pdf"));     // "report"
console.log(removeExtension("photo.final.jpg")); // "photo.final"
console.log(removeExtension(".gitignore"));      // ".gitignore"（消えない）

const url = "https://example.com/page?id=10&ref=top";

console.log(url.split("?")[0]); // "https://example.com/page"
console.log(url.split("#")[0]); // ハッシュが無いので URL 全体が返る

// ?と#の両方を一度に落とす
console.log(url.split(/[?#]/)[0]); // "https://example.com/page"