如何用 String.prototype.match 配合正则快速提取字符串中的所有数字-js教程-PHP中文网

match 返回 null 而不是空数组，直接遍历会报错；安全写法是 str.match(/\d+/g) || []，且必须加 g 标志才能返回全部匹配的数字字符串数组。

如何用 string.prototype.match 配合正则快速提取字符串中的所有数字

match 返回 null 而不是空数组，直接遍历会报错

很多人写 str.match(/\d+/g).forEach(...) 后遇到 TypeError: Cannot read property 'forEach' of null。这是因为当字符串里根本没有数字时，match 不返回空数组，而是返回 null —— 这是它和 RegExp.prototype.exec 的关键区别。

安全做法是用逻辑运算符兜底：str.match(/\d+/g) || []。注意别用 ?? []，因为 null 和 undefined 才触发空值合并，而 match 在无匹配时明确返回 null，不是 falsy 但不等于 undefined。

错误示例："abc".match(/\d+/g).length → 报错
正确写法：(str.match(/\d+/g) || []).length
如果需要数字类型，记得对每个结果调用 Number() 或一元加号 +x

只想要纯数字（不含小数点、负号），用 \d+ 就够了

/\d+/g 是最常用也最稳妥的选择：匹配一个或多个连续的 ASCII 数字字符（0–9），全局查找，不跨字符边界，也不会误吞小数点或减号。

别用 /[0-9]+/g —— 它和 \d+ 在 ASCII 范围内行为一致，但语义更啰嗦；也别用 /\d*/g，因为 * 允许零次匹配，会在每两个字符之间“匹配空字符串”，导致大量 "" 结果。

输入 "abc123def45.67-89" → 输出 ["123", "45", "89"]
想包括小数？得改写正则，比如 /\d+\.\d+|\d+/g，但要注意顺序：先匹配带小数点的，再匹配整数，否则 45.67 会被拆成 45 和 67
想支持负数？加可选的 -? 前缀：/-?\d+/g，但要小心 "-12-34" 会匹配到 ["-12", "-34"]，而非 ["-12", "34"]

性能敏感场景下，避免重复创建正则对象

如果在循环里反复调用 str.match(/\d+/g)，每次都会新建一个正则实例。虽然 V8 等引擎有优化，但显式复用仍更可控。

把正则赋给常量，尤其在工具函数或高频调用位置：

const DIGITS_REGEX = /\d+/g;

function extractNumbers(str) {
  return str.match(DIGITS_REGEX) || [];
}

不能写成 const DIGITS_REGEX = new RegExp('\d+', 'g') —— 字符串转义容易出错，'\d' 实际传给构造函数的是 'd'（因为 JS 字符串先解析一次反斜杠）
如果正则需要动态拼接（比如从变量注入位数限制），才考虑 new RegExp，并确保对 source 字符串做转义
注意：正则带 g 标志后有 lastIndex 状态，复用时若手动修改过该属性，会影响后续匹配 —— 但 match 方法本身不改变 lastIndex，所以放心复用

matchAll 更适合复杂提取（比如带分组的数字）

如果目标不只是“所有数字”，而是“每个数字及其在原串中的位置”或“从混合结构中抽特定字段”，matchAll 比 match 更合适，因为它返回迭代器，每个元素是带 index 和 groups 的匹配对象。

例如提取形如 "id:123, count:45" 中的键值对：

const re = /(\w+):(\d+)/g;
for (const match of "id:123, count:45".matchAll(re)) {
  console.log(match[1], match[2]); // "id" "123", then "count" "45"
}