本文介绍如何使用 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'] —— 此时需结合分隔符定位，避免歧义。
? 更精确的方案：基于分隔符的捕获组匹配
当分隔符固定（如明确为 @）或需严格限定“第一个数字在首个分隔符前、第二个在首个分隔符后”时，推荐使用带捕获组的正则表达式：
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() 已足够高效。
✅ 总结
| 场景 | 推荐正则 | 说明 |
|---|---|---|
| 简单提取所有数字（两段式结构明确） | /d+/g | 最简，适合干净输入 |
| 需绑定特定分隔符、防干扰数字 | /(d+)[@#-+](d+)/ | 更鲁棒，推荐生产环境使用 |
| 分隔符动态可配 | 构造 new RegExp('(\d+)[' + separators + '](\d+)') | 注意转义与注入安全 |
掌握这两种模式，即可从容应对绝大多数“符号两侧提数”需求——简洁、可靠、易于复用。
