在JavaScript开发场景中，经常需要对字符串中包含的数字进行范围校验，比如校验用户输入的年龄是否在0到120之间，或者端口号是否在1到65535之间。直接把字符串转成数值再比较的方式，很容易忽略字符串存在非数字字符、前导零等特殊情况，导致校验结果不符合预期。下面介绍几种可靠的实现方式。
基础场景：匹配0到120的整数范围
如果要匹配0到120之间的整数，且字符串中只能包含这个数字，不能有其他字符，可以使用正则表达式分段匹配。
范围拆分逻辑：
- 0到9：
^[0-9]$ - 10到99：
^[1-9][0-9]$ - 100到119：
^1[0-1][0-9]$ - 120：
^120$
合并后的正则表达式如下：
// 匹配0到120的整数，字符串中不能有其他字符
const reg = /^(^[0-9]$|^[1-9][0-9]$|^1[0-1][0-9]$|^120$)/;
// 测试用例
console.log(reg.test("0")); // true
console.log(reg.test("99")); // true
console.log(reg.test("120")); // true
console.log(reg.test("121")); // false
console.log(reg.test("01")); // false，前导零不匹配
console.log(reg.test("abc50")); // false，包含非数字字符
进阶场景：匹配1到65535的端口号范围
端口号的范围是1到65535，同样可以拆分范围来构造正则：
- 1到9：
^[1-9]$ - 10到99：
^[1-9][0-9]$ - 100到999：
^[1-9][0-9]{2}$ - 1000到9999：
^[1-9][0-9]{3}$ - 10000到59999：
^[1-5][0-9]{4}$ - 60000到64999：
^6[0-4][0-9]{3}$ - 65000到65499：
^65[0-4][0-9]{2}$ - 65500到65529：
^655[0-2][0-9]$ - 65530到65535：
^6553[0-5]$
合并后的正则及使用示例如下：
// 匹配1到65535的端口号
const portReg = /^(^[1-9]$|^[1-9][0-9]$|^[1-9][0-9]{2}$|^[1-9][0-9]{3}$|^[1-5][0-9]{4}$|^6[0-4][0-9]{3}$|^65[0-4][0-9]{2}$|^655[0-2][0-9]$|^6553[0-5]$)/;
console.log(portReg.test("80")); // true
console.log(portReg.test("65535")); // true
console.log(portReg.test("0")); // false
console.log(portReg.test("65536")); // false
提取字符串中符合范围的数字
如果需求是从一段包含其他字符的字符串中提取符合特定范围的数字，比如从"用户年龄35，端口8080"中提取0到120的年龄数字，可以先匹配所有数字，再过滤范围。
function extractNumberInRange(str, min, max) {
// 先匹配字符串中所有连续的数字
const numMatches = str.match(/d+/g);
if (!numMatches) return [];
// 过滤出在范围内的数字，排除前导零的情况
return numMatches.filter(item => {
// 排除前导零的非零数字，比如01、001等
if (item.length > 1 && item.startsWith("0")) return false;
const num = Number(item);
return num >= min && num <= max;
});
}
// 测试
const testStr = "用户年龄35，端口8080，备用端口0123";
console.log(extractNumberInRange(testStr, 0, 120)); // ["35"]
console.log(extractNumberInRange(testStr, 1, 65535)); // ["8080"]
小数范围匹配示例
如果需要匹配0到10之间的小数，比如0.5、3.14、10.0等，可以构造如下正则：
// 匹配0到10之间的小数，允许一位或两位小数，不允许前导零（除了0.x的情况）
const decimalReg = /^(^[0-9](.[0-9]{1,2})?$|^10(.0{1,2})?$)/;
console.log(decimalReg.test("0.5")); // true
console.log(decimalReg.test("3.14")); // true
console.log(decimalReg.test("10")); // true
console.log(decimalReg.test("10.00")); // true
console.log(decimalReg.test("10.1")); // false
console.log(decimalReg.test("05.2")); // false
注意事项
使用正则匹配数字范围时，需要注意以下几点：
- 如果数字范围较大，正则的复杂度会明显上升，此时可以先提取数字转成数值再比较范围，效率更高。
- 处理用户输入时，要先明确是否允许前导零、小数、负数等特殊情况，再调整正则规则。
- 正则匹配的是字符串形式，转成数值时如果数字超过JavaScript的安全整数范围（Number.MAX_SAFE_INTEGER），会出现精度问题，需要处理大数字场景。
JavaScript正则表达式数字范围匹配字符串验证修改时间：2026-07-05 00:21:14