JavaScript中判断输入是否为数字的5种方法

在JavaScript开发中，验证用户输入是否为有效数字是一个常见需求。本文将介绍5种可靠的判断方法，并分析它们的适用场景。

1. 使用typeof运算符

function isNumber(val) {
  return typeof val === 'number' && !isNaN(val);
}

这种方法可以准确判断变量是否为数字类型，但无法处理字符串形式的数字。

2. 使用isNaN()函数

function isNumeric(val) {
  return !isNaN(parseFloat(val)) && isFinite(val);
}

改进版的isNaN检查，可以处理字符串数字，但会认为空字符串和布尔值也是有效数字。

3. 正则表达式验证

function isNumberByRegex(val) {
  return /^[-+]?\d+(\.\d+)?$/.test(val);
}

最严格的验证方式，可以自定义数字格式要求，但正则表达式需要根据具体需求调整。

4. 使用Number.isInteger()

function isInteger(val) {
  return Number.isInteger(Number(val));
}

ES6新增方法，专门用于判断整数，不执行类型转换。

5. 使用+运算符转换

function isNumericByPlus(val) {
  return +val === +val;
}

利用JavaScript的类型转换特性，简洁但可能产生意外结果。

最佳实践建议

• 表单验证推荐使用正则表达式
• 类型严格的场景使用typeof
• ES6环境优先使用Number.isInteger()/Number.isFinite()
• 始终考虑边界情况：空字符串、null、undefined、布尔值

根据实际需求选择合适的方法，必要时可以组合使用多种验证方式。