JavaScript中使用正则表达式分割时间数字与单位的异常问题

你的问题出在当前正则的匹配逻辑上：/(?=s)|(?=m)|(?=h)|(?=d)|(?=w)/会匹配所有s/m/h/d/w字符的前导位置。比如在"3000hours"里，h和s都满足匹配条件，split会在这两个位置同时分割，自然就得到了['3000', 'hour', 's']这种不符合预期的结果。

下面给你两种可靠的解决方案：

方案1：用正则捕获分组（推荐） #

这种方法直接精准匹配数字部分和单位部分，逻辑更清晰，也更不容易出错：

var time = "3000hours";
const timeReg = /^(\d+)([smhdw].*)$/;
const matchResult = time.match(timeReg);
// 处理匹配成功的情况，整理成目标数组
const splitTime = matchResult ? [matchResult[1], matchResult[2]] : [];
console.log(splitTime); // 输出: ['3000', 'hours']

正则解释： #

• ^(\d+)：匹配字符串开头的连续数字，把这部分作为第一个分组（对应数字部分）
• ([smhdw].*)：匹配以s/m/h/d/w开头的剩余所有字符，作为第二个分组（对应单位部分）

方案2：调整split的正则（仅匹配一次分割位置） #

如果你更倾向于用split实现，可以修改正则，让它只在数字结束、单位开始的第一个位置进行分割：

var time = "3000hours";
const splitReg = /(?<=^\d+)(?=[smhdw])/;
const splitTime = time.split(splitReg);
console.log(splitTime); // 输出: ['3000', 'hours']

正则解释： #

• (?<=^\d+)：正向后查，确保当前位置前面是字符串开头的连续数字
• (?=[smhdw])：正向预查，确保当前位置后面是目标单位字母
  两者结合，就只会在数字和单位的分界处分割一次，完美得到你想要的结果。

内容的提问来源于stack exchange，提问作者iHaz32