多语言展示
当前在线:1199今日阅读:195今日分享:14

JavaScript如何判断一个值是不是数字

从事互联网开发工作的朋友可能经常会涉及到javascript,也就是我们常说的js,js中也经常会判断一个值是不是数字,但是一些人可能不知道怎么在判断,那么本文就介绍一下js中如何判断一个值是不是数字的方法。
通过正则表达式
1

正则表达式,相信大家都听说过,很多人也都用过,可以对很多东西进行校验,比如邮箱,手机号等,当然了也可以校验是否为数字。js中校验是否为数字的正则表达式可以使用var re = /^[0-9]+.?[0-9]*$/;可以提供一个方法,专门校验传入的值是否为数字,代码如图所示。

2

下面验证一下使用正则表达式判断一个值是否为数字的正确性,可以写一个测试的方法test,代码如图所示。

3

可以看到,如果测试的值为“12dd”等非数字的字符串,就会提示“输入的值不是数字”,如果输入“12”,就不会有任何提示,说明使用正则表达式可以判断一个值是否为数字,如图所示。

通过parseFloat的返回结果
1

js中parseFloat方法可以将字符串等转化为数字,当然前提是该字符串可以转化为数字,可以通过parseFloat(val).toString() == 'NaN'来判断传入的值是否为数字,代码如图所示。

2

在测试方法中,checkNumber方法中val传入的值为“12dd”,或者空格等非数字时,就会提示“输入的值不是数字”,而传入“12”,“55”等时则不会有任何提示,如图所示。

通过 isNaN方法
1

isNaN返回一个 Boolean 值, isNaN(val)不是数字时返回true,是数字时返回false,但是需要注意的是一个空格或者空字符串isNaN方法会作为数字0处理,所以使用时需要注意,代码如图所示。

2

同样在测试方法中,输入空字符串等非数字时,会弹出提示“输入的值不是数字”,而传入数字时不会有任何提示,如图所示。

3

以上介绍了三种js方法,可以判断一个值是否为数字,本文推荐第一种方法,因为比较严谨,而且修改一下正则表达式,还可以判断出是否为整数等精确的判断,希望可以帮到大家。

推荐信息