如何使用正则表达式拆分提取文本中的符号与数字

数据老陈

2026-9-26

问题原因

原来的实现存在两个核心问题：

正则仅匹配了数字格式的片段，没有对前缀、数字段、后缀三个部分分别做捕获分组，无法直接提取三个变量
使用RegExp构造函数传入字符串时，反斜杠会被字符串本身转义，导致写的\( \[等规则实际无法生效

修正方案

我们可以用带三个捕获组的正则，直接锚定整个字符串的结构，一次性提取三个部分：

let preText = ''
let number = ''
let postText = ''
// 测试用例1
// let data = '$(2000)%'
// 测试用例2
let data = '$2,23,603'

// 正则说明：
// ^ 锚定字符串开头
// 第一个捕获组 ([^\d]*)：匹配所有数字之前的非数字字符
// 第二个捕获组 (\d{1,3}(?:,\d{1,3})*(?:\.\d{1,5})?)：匹配需要的数字格式（含千分位、小数）
// 第三个捕获组 (.*)：匹配数字之后的所有剩余内容
// $ 锚定字符串结尾
const regex = /^([^\d]*)(\d{1,3}(?:,\d{1,3})*(?:\.\d{1,5})?)(.*)$/

const matchResult = data.match(regex)
if (matchResult) {
  preText = matchResult[1]
  number = matchResult[2]
  postText = matchResult[3]
} else {
  // 兜底逻辑：如果没有匹配到数字，全部内容放到preText
  preText = data
}

console.log(preText, number, postText)