【JavaScript】文字列内の最初の数値を抽出する方法｜match・parseIntの違いと小数/マイナス/位置取得まで

const str = "商品abc123def456";

const first = str.match(/\d+/)?.[0];
console.log(first);          // "123"（文字列）
console.log(Number(first));  // 123（数値）

const str = "数字なし";

console.log(str.match(/\d+/));            // null
console.log(str.match(/\d+/)?.[0] ?? null); // null（安全）

console.log(parseInt("123abc"));      // 123（先頭が数値 → OK）
console.log(parseInt("  123abc"));    // 123（先頭の空白は無視される）
console.log(parseInt("abc123def"));   // NaN（先頭が文字 → 取れない！）

const str = "気温は-3.5度です";

const first = str.match(/-?\d+(?:\.\d+)?/)?.[0];
console.log(first);         // "-3.5"
console.log(Number(first)); // -3.5

const str = "abc123def";

const m = str.match(/\d+/);
console.log(m[0]);     // "123"
console.log(m.index);  // 3（0始まりで4文字目から）

const str = "abc123def456";
let buf = "";
let first = null;
for (const c of str) {
  if (c >= "0" && c <= "9") {   // 範囲で判定（空白に惑わされない）
    buf += c;                   // 連続する桁をためる
  } else if (buf !== "") {
    first = buf;                // 数字が途切れたら確定
    break;
  }
}
if (first === null && buf !== "") first = buf; // 末尾で終わるケース
console.log(first); // "123"

const name = "お徳用12個入りセット";

const qty = Number(name.match(/\d+/)?.[0] ?? 0);
console.log(qty); // 12