【JavaScript】文字列から数値のみ取得する方法｜match・replaceで複数/1つ・小数・マイナス・全角の罠まで解説

const str = "在庫は123個、入荷は456個です";

const nums = str.match(/\d+/g)?.map(Number) ?? [];
console.log(nums); // [123, 456]

const str = "数字はありません";

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

const str = "電話: 03-1234-5678";

const digits = str.replace(/[^0-9]/g, "");
console.log(digits);         // "0312345678"（文字列）
console.log(Number(digits)); // 312345678（先頭の0が消える）

const str = "気温は-3.5度、湿度は60%、変化は+1.2";

const nums = str.match(/-?\d+(?:\.\d+)?/g)?.map(Number) ?? [];
console.log(nums); // [-3.5, 60, 1.2]

const str = "a12b34c56";

const nums = str.split(/\D+/).filter(Boolean).map(Number);
console.log(nums); // [12, 34, 56]

const str = "全角１２３と半角456";

console.log(str.match(/\d+/g)); // ["456"]（全角は取れない）

// 全角数字を半角へ変換してから
const half = str.replace(/[０-９]/g, c =>
  String.fromCharCode(c.charCodeAt(0) - 0xFEE0)
);
console.log(half.match(/\d+/g)); // ["123", "456"]

const str = "a1 2b";
let num = "";
const numbers = [];
for (const c of str) {
  if (!isNaN(c)) { num += c; }            // " " も通ってしまう
  else if (num !== "") { numbers.push(Number(num)); num = ""; }
}
if (num !== "") numbers.push(Number(num));
console.log(numbers); // [NaN] ← "1 2" を結合してしまう

const price = "¥1,280（税込）";

// カンマや記号を除いて1つの数値に
const value = Number(price.replace(/[^0-9]/g, ""));
console.log(value); // 1280