绵阳梓潼网站制作公司

怎么用JavaScript判断变量是否为数字

这篇文章主要讲解了“怎么用JavaScript判断变量是否为数字”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“怎么用JavaScript判断变量是否为数字”吧！

在乌恰等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站建设、成都网站制作 网站设计制作按需开发,公司网站建设,企业网站建设,高端网站设计,营销型网站,外贸网站制作,乌恰网站建设费用合理。

首先创建一些测试变量：

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

使用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() 方法。用来判断传入的参数值是否为  NaN。由于我们要检查变量是否为数字，所以需要在检查中要使用非运算符 !。

现在看看通过非运算符加 Number.isNaN() 函数能否只过滤数字：

> !Number.isNaN(intVar); true > !Number.isNaN(floatVar); true > !Number.isNaN(stringVar); true # 判断错误 > !Number.isNaN(nanVar); false > !Number.isNaN(infinityVar); true # 判断错误 > !Number.isNaN(nullVar); true # 判断错误 > !Number.isNaN(undefinedVar); true # 判断错误

这种方法相当宽松，因为它接受的值根本不是数字。这种方法最适合在你知道自己的值是数字并且要检查它是否为 NaN 值的情况下，并不适合常规数字的。

使用typeof()函数

typeof() 函数是一个全局函数，它的参数可以接受变量或值，并返回其类型的字符串表示形式。JavaScript 共有 9  种类型：

  • undefined

  • boolean

  • number

  • string

  • bigint

  • symbol

  • object

  • null (typeof() 显示为对象)

  • function (对象的一种特殊类型)

为了验证变量是否为数字，我们只需要检查 typeof() 返回的值是否为 "number"。让我们尝试一下测试变量：

> typeof(intVar) == 'number'; true > typeof(floatVar) == 'number'; true > typeof(stringVar) == 'number'; false > typeof(nanVar) == 'number'; true # 判断错误 > typeof(infinityVar) == 'number'; true # 判断错误 > typeof(nullVar) == 'number'; false > typeof(undefined) == 'number'; false

typeof() 函数比 Number.isNaN() 好得多。它可以正确的判断 null 和 undefined 不是数字。但如果是 NaN 和  Infinity，它会返回 true。

感谢各位的阅读，以上就是“怎么用JavaScript判断变量是否为数字”的内容了，经过本文的学习后，相信大家对怎么用JavaScript判断变量是否为数字这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！


本文名称：怎么用JavaScript判断变量是否为数字
转载来源：http://myzitong.com/article/jicicc.html

其他资讯