当我们处理输入数据时，经常需要判断输入是否为数字，这就用到了 isNumeric() 函数。然而，现有的 isNumeric() 函数并不完美，并不能满足所有场景的需求。
现有问题
目前一些流行的 JavaScript 库，例如 jQuery 和 Lodash 都提供了 isNumeric() 函数。但是，它们的实现方式并不相同，且都存在一定的问题。
jQuery 的 isNumeric() 是通过正则表达式匹配字符串的方式实现的。这种方法的缺点是对于一些特殊字符串，如 '0x12'，会被错误地认为是数字。此外，在某些情况下，该函数还可能返回 true，尽管输入并非数字。
另一方面，Lodash 的 isNumeric() 则使用了更加优化的算法，能够正确地识别大多数数字类型，但它仍然无法应对一些特殊情况，例如科学计数法表示的数字等。
由此可见，现有的 isNumeric() 函数并不能满足所有场景的需求。
改进方法
我们可以从输入值的类型出发，来改进 isNumeric() 函数：
function isNumeric(value) {
return !isNaN(parseFloat(value)) && isFinite(value);
}上述代码中，我们使用了 parseFloat() 函数将输入值转换为浮点数。如果输入值不是数字，则 parseFloat() 返回 NaN。我们可以使用 isNaN() 函数来判断输入值是否为数字。
不过，isNaN() 函数并不完美，它会将一些非数字类型误判为数字类型。例如，isNaN(' ') 的结果为 false，这显然是不正确的。
另一个问题是，如果输入值是无穷大或负无穷大，则 isNaN() 函数也会返回 false。因此，我们需要使用 isFinite() 函数来进一步对结果进行筛选。
示例
下面是一些示例：
-- -------------------- ---- ------- --------------- -- ---- ----------------- -- ---- ------------------ -- ---- ------------------ -- ---- ------------------- -- ---- ------------------ -- ----- ------------------- -- ---- --------------- -- ----- -------------------- -- -----
结论
通过改进 isNumeric() 函数，我们可以更有效地判断输入值是否为数字。这种方法可以避免现有的实现方式所存在的问题，并且更加简单和直观。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25743