JavaScript 判断变量是否为数字的三种方法及最佳实践

JavaScript 判断变量是否为数字的三种方法及最佳实践

简介

JavaScript 属于动态类型语言，解释器会在代码运行期间自动确定变量的数据类型。这种机制允许开发者在相同的代码逻辑中，利用同一个变量存储不同种类的数据。然而，若缺乏完善的文档规范和代码一致性约束，开发者在使用代码时往往难以准确预判变量的具体类型。

当程序预期某个变量应当为数字类型时，若对该变量执行字符串或数组相关的操作，可能会导致代码运行出现异常或产生不可预知的结果。本文将深入探讨几种用于判断变量是否为数字的有效函数及其适用场景。

需要注意的是，像 "10" 这样的数字字符串不应被视为有效的数字类型。此外，JavaScript 中的 NaN、Infinity 和 -Infinity 等特殊值在类型上仍被归类为数字类型。

基于上述严格的要求，推荐使用内置 Number 对象提供的 isFinite() 函数。尽管在实际开发中，开发者也常使用 Number.isNaN() 和 typeof() 函数进行类型判断，但它们各有局限。

测试变量定义

为了进行对比测试，我们先定义一组测试变量：

let intVar = 2; 
let floatVar = 10.5; 
let stringVar = '4'; 
let nanVar = NaN; 
let infinityVar = Infinity; 
let nullVar = null; 
let undefinedVar = undefined; 

使用 Number.isFinite() 函数

使用 Number.isFinite() 函数

Number.isFinite() 函数不仅检查变量是否为数字类型，还会进一步验证该数值是否为有限值。因此，对于 NaN、Infinity 或 -Infinity 等特殊数值，该函数将返回 false。

利用前文定义的变量进行实际测试：

> Number.isFinite(intVar); 
true 
> Number.isFinite(floatVar); 
true 
> Number.isFinite(stringVar); 
false 
> Number.isFinite(nanVar); 
false 
> Number.isFinite(infinityVar); 
false 
> Number.isFinite(nullVar); 
false 
> Number.isFinite(undefined); 
false 

测试结果符合预期。该函数能够正确忽略所有非数字类型的变量以及特殊的非有限数值。因此，若需严格检查变量是否为有限数字，Number.isFinite() 是最佳选择。

使用 Number.isNaN() 方法

使用 Number.isNaN() 方法

标准 Number 对象提供了 isNaN() 方法。该方法接收一个参数，并判断其值是否为 NaN。由于我们的目标是检查变量是否为数字，因此在使用该方法时，需配合非操作符 ! 进行逻辑取反。

> !Number.isNaN(intVar); 
true 
> !Number.isNaN(floatVar); 
true 
> !Number.isNaN(stringVar); 
true # Wrong 
> !Number.isNaN(nanVar); 
false 
> !Number.isNaN(infinityVar); 
true # Wrong 
> !Number.isNaN(nullVar); 
true # Wrong 
> !Number.isNaN(undefinedVar); 
true # Wrong 

这种方法相对宽松，因为它会接受并非数字类型的值。此方法最适合于已知变量为数字类型，且需要专门验证其是否为 NaN 值的场景，而不推荐用于通用的数字类型检查。

使用 typeof() 方法

使用 typeof() 方法

typeof() 是一个全局函数，它接收变量或值作为参数，并返回表示其类型的字符串。JavaScript 中总共包含 9 种数据类型：

• undefined
• boolean
• number
• string
• bigint
• symbol
• object
• null (typeof() 显示的是 object)
• function (一种特殊类型的 object)

为了验证变量是否为数字，我们只需检查 typeof() 返回的值是否等于 "number"。让我们通过测试变量来验证这一逻辑：

> typeof(intVar) == 'number'; 
true 
> typeof(floatVar) == 'number'; 
true 
> typeof(stringVar) == 'number'; 
false 
> typeof(nanVar) == 'number'; 
true # Wrong 
> typeof(infinityVar) == 'number'; 
true # Wrong 
> typeof(nullVar) == 'number'; 
false 
> typeof(undefined) == 'number'; 
false 

typeof() 函数的执行性能显著优于 Number.isNaN()。它能正确识别字符串、null 和 undefined 并非数字类型。然而，对于 NaN 和 Infinity，typeof() 会返回 true。

尽管从技术定义的角度来看，NaN 和 Infinity 确实属于数字类型，结果也是正确的，但在大多数实际应用场景中，我们通常希望忽略这些特殊值。

总结

总结

在本文中，我们探讨了如何在 JavaScript 中检查变量是否为数字。Number.isNaN() 函数仅在已知变量为数字且需要验证其是否为 NaN 时才适用。

如果代码中可能存在 NaN、Infinity 或 -Infinity 以及其他普通数字，则 typeof() 函数适用。

Number.isFinite() 方法能够捕获所有有限数值，最符合我们对严格数字检查的要求。

到此这篇关于 JavaScript 中判断变量是否为数字的示例代码的文章就介绍到这了,更多相关js判断变量为数字内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！