如何用正则表达式提取字符串中符号两侧的数字

本文介绍如何使用 JavaScript 的 match() 方法配合正则表达式，精准提取分隔符（如 @、#、-、+ 等）前后连续的数字，并支持任意长度数字和多种分隔符场景。

本文介绍如何使用 javascript 的 `match()` 方法配合正则表达式，精准提取分隔符（如 `@`、`#`、`-`、`+` 等）前后连续的数字，并支持任意长度数字和多种分隔符场景。

在处理用户输入、解析协议字符串或清洗日志数据时，常需从类似 "ajdje782@29sjdjn" 这样的混合字符串中提取符号两侧的纯数字。关键在于：忽略非数字字符，只捕获紧邻分隔符前后的连续数字段。虽然可通过循环遍历手动查找，但代码冗长、易错且难以维护；而正则表达式提供简洁、健壮且高性能的解决方案。

✅ 推荐方案：String.prototype.match() + d+

最直接有效的方式是使用 match(/d+/g) —— 它会全局匹配字符串中所有连续的数字序列（一个或多个数字），并返回数组：

const str = 'ajdje782@29sjdjn';
const numbers = str.match(/d+/g); // ['782', '29']

// 解构赋值获取前后两个数字（假设总有两个目标数字）
const [beforeSymbol, afterSymbol] = numbers;
console.log(`符号前：${beforeSymbol}`); // "782"
console.log(`符号后：${afterSymbol}`); // "29"

⚠️ 注意：此方法依赖“符号两侧各仅有一个数字块”的语义。若字符串含多余数字（如 'abc123@456def789'），match(/d+/g) 会返回 ['123','456','789'] —— 此时需结合分隔符定位，避免歧义。

Flux AI

Flux AI，释放你的想象力，用文字生成图像

下载

? 更精确的方案：基于分隔符的捕获组匹配

当分隔符固定（如明确为 @）或需严格限定“第一个数字在首个分隔符前、第二个在首个分隔符后”时，推荐使用带捕获组的正则表达式：

const str = 'ajdje782@29sjdjn';
const regex = /(d+)[@#-+](d+)/; // 支持 @、#、-、+ 四种符号
const match = str.match(regex);

if (match) {
  const [, before, after] = match; // 忽略全匹配项，取第1、2捕获组
  console.log(`前：${before}, 后：${after}`); // "前：782, 后：29"
} else {
  console.warn('未找到符合格式的数字对');
}

✅ 优势：

• 显式约束数字与分隔符的相对位置；
• 自动跳过其他无关数字（如 'x111y222@333z444' 中仅提取 222 和 333）；
• 可轻松扩展分隔符集合（在字符类 [@#-+] 中增删即可）。

? 使用注意事项

• 空匹配防护：match() 在无匹配时返回 null，务必判空再解构，否则报 TypeError；
• 多符号场景：若字符串含多个同类符号（如 "a7@b8@c9"），上述正则默认匹配第一个有效组合（即 7 和 8），符合常见需求；
• Unicode 数字：d 仅匹配 ASCII 数字 0–9；如需支持全角数字或阿拉伯数字等，改用 /p{N}+/gu（需环境支持 Unicode 属性转义）；
• 性能提示：对于超长文本，优先使用 RegExp.prototype.exec() 配合循环以获得更好控制力，但日常场景 match() 已足够高效。

✅ 总结

掌握这两种模式，即可从容应对绝大多数“符号两侧提数”需求——简洁、可靠、易于复用。