JavaScript中如何精确校验数字是否包含两位小数

在JavaScript的实际开发中，前端表单校验、接口参数校验等场景经常需要判断输入的数字是否恰好包含两位小数，很多简单的实现方式会因为精度问题、类型判断问题出现校验不准确的情况，需要采用更严谨的实现逻辑。

常见的错误校验方式

很多开发者会先尝试用toFixed(2)来判断，这种方式存在明显缺陷，比如对于整数或者只有一位小数的数字，toFixed(2)会自动补位，导致校验结果不符合预期。示例如下：

// 错误示例：使用toFixed校验
function wrongCheck(num) {
  return Number(num).toFixed(2) === num.toString();
}
console.log(wrongCheck(12)); // false，12.toFixed(2)是12.00，和12不相等
console.log(wrongCheck(12.1)); // false，12.1.toFixed(2)是12.10，和12.1不相等
console.log(wrongCheck('12.34')); // true，但如果是数字类型12.34也会返回true

正则表达式校验方案

正则表达式是校验数字格式最常用的方式，针对两位小数的场景，我们可以编写对应的正则规则，先判断输入是否为合法数字，再判断小数位数是否为两位。正则规则的核心逻辑是：允许正负号开头，整数部分可以是0或者多位非零数字，小数部分必须恰好有两位，且小数部分不能是空。

/**
 * 正则校验是否包含两位小数
 * @param {string|number} val 需要校验的值
 * @returns {boolean} 校验结果
 */
function checkTwoDecimalByReg(val) {
  // 正则说明：^[-+]? 可选正负号，d+ 整数部分至少一位数字，. 小数点，d{2} 恰好两位小数，$ 结束
  const reg = /^[-+]?d+.d{2}$/;
  return reg.test(val.toString());
}

// 测试示例
console.log(checkTwoDecimalByReg(12.34)); // true
console.log(checkTwoDecimalByReg(-5.67)); // true
console.log(checkTwoDecimalByReg(12)); // false
console.log(checkTwoDecimalByReg(12.3)); // false
console.log(checkTwoDecimalByReg(12.345)); // false
console.log(checkTwoDecimalByReg('12.34')); // true
console.log(checkTwoDecimalByReg('abc')); // false

正则方案的注意事项

如果业务场景允许整数或者一位小数的情况，只需要调整正则的小数部分规则即可，比如允许0到2位小数可以修改为^[-+]?d+(.d{1,2})?$。另外正则校验的是字符串格式，如果传入的是数字类型，需要先转换为字符串再校验，避免数字精度问题导致的小数位丢失。

数值转换校验方案

如果希望先排除非数字内容，再判断小数位数，可以采用数值转换的方式。核心思路是先通过parseFloat将输入转换为数字，再判断转换后的数字和原输入是否一致，避免非数字字符串被误判，最后通过取小数部分计算位数。

/**
 * 数值转换校验是否包含两位小数
 * @param {string|number} val 需要校验的值
 * @returns {boolean} 校验结果
 */
function checkTwoDecimalByNum(val) {
  const num = parseFloat(val);
  // 先判断转换后的数字是否有效，且转换后的字符串和原输入一致，避免'12.34abc'这类字符串被误判
  if (isNaN(num) || num.toString() !== val.toString()) {
    return false;
  }
  // 取小数部分，乘以100后取整，判断是否为整数，且原小数部分长度为2
  const decimalPart = num.toString().split('.')[1];
  return decimalPart && decimalPart.length === 2 && Number.isInteger(num * 100);
}

// 测试示例
console.log(checkTwoDecimalByNum(12.34)); // true
console.log(checkTwoDecimalByNum('12.34')); // true
console.log(checkTwoDecimalByNum(12.345)); // false
console.log(checkTwoDecimalByNum('12.34abc')); // false
console.log(checkTwoDecimalByNum(NaN)); // false

两种方案的适用场景

如果只需要校验字符串格式是否符合两位小数的规则，优先选择正则方案，执行效率更高，逻辑更清晰。如果需要先排除非数字内容，同时允许一定的数值容错，比如输入的数字是科学计数法格式，数值转换方案会更合适。实际开发中可以根据业务需求选择对应的方案，也可以将两种方案结合使用，提升校验的准确性。

特殊情况处理

如果业务场景需要支持千分位格式的数字，比如1,234.56这种格式，需要先去除千分位分隔符再校验，示例如下：

/**
 * 支持千分位格式的两位小数校验
 * @param {string} val 带千分位的字符串
 * @returns {boolean} 校验结果
 */
function checkThousandDecimal(val) {
  // 先去除所有千分位逗号
  const cleanVal = val.toString().replace(/,/g, '');
  const reg = /^[-+]?d+.d{2}$/;
  return reg.test(cleanVal);
}

console.log(checkThousandDecimal('1,234.56')); // true
console.log(checkThousandDecimal('-5,678.90')); // true

JavaScript正则校验小数校验toFixedparseFloat修改时间：2026-07-01 21:42:57