JavaScript判断是否为数字的方式有哪些


本篇内容主要讲解“JavaScript判断是否为数字的方式有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript判断是否为数字的方式有哪些”吧!typeof判断值是不是基本类型number,比如:instanceof判断值是不是包装类Number,比如:Number.isInteger判断值是否是整数:这几种方式的缺点,都是只能基于类型判断,无法判断字符串是否是数值。这个方法的特点,一句话,返回字符串开头最长的有效数字。我们可以用!isNaN(parseFloat(value))来判断字符串是否是数值。parseInt和parseFloat解析的时候遇到非法字符结束,返回解析到的数值。也就是说只要字符串头部是合法数值,那么就能解析出数值,哪怕整体不是数值。比如123abc,会被解析程123。因此,上面的判断方式还不够严谨,下面的终极方案是比较严谨的方式。在介绍这两个方法之前,先讲下NaN,它表示Not-a-Number。两个NaN无法直接比较相等,因为我们只知道它不是数值,是啥不确定,也就无法比较相等。isNaN(value),如果ToNumber(value)的结果为NaN返回true,否则返回false。isFinite(value),如果ToNumber(value)的结果为数值,且不等于Infinity或-Infinity返回true,否则返回false。isNaN和isFinite都会先将传入的值转成数值,再进行判断。ToNumber的规则跟直接使用Number函数一样。一些非数值在类型转换的时候都能转成数值,比如:对null、true、false、”使用isNaN结果都是false,但是它们本身不是数值,因此不能单独使用isNaN。这两个方法跟对应的全局方法是不一样的。Number.isNaN(value),如果value为NaN返回true,否则返回false。Number.isFinite(value),如果value为数值,且不等于Infinity或-Infinity返回true,否则返回false。区别是全局方法会有强制类型转换,而这两个方法没有强制类型转换:可以看,由于没有类型转换,所以Number.isNaN判断null、true、false、”的结果都是true。但是“副作用”是数字字符串也会得到true:Number.isNaN等价与:而Number.isFinite等价于:因此,这两个方法本质上也是基于类型的,没法判断一个字符串是否为数值。这个正则可以判断整数、浮点数、正负数和科学计数法。不过我觉得判断是否是数值用正则,有点小题大做了。我们先看方案:这其实是jquery中$.isNumeric的源码,多么简洁且优雅。接下来我们看看它的原理,我们以字符串123abc为例,我们应该得到false。parseFloat(‘123abc’免费云主机域名)得到123;!isNaN(123)得到true;isFinite(‘123abc’)得到false;最终结果为false。单独使用!isNaN(parseFloat(value))会将123abc当成数值,所以用isFinite额外判断一次,isFinite的另一个作用是排除无穷数。而且,因为parseFloat的解析是纯字符串解析,没有类型转换,所以不会将null、true、false、”当成数值。到此,相信大家对“JavaScript判断是否为数字的方式有哪些”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: react如何实现页面跳转不记录

今天小编给大家分享一下react如何实现页面跳转不记录的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。react实现页面跳转不记录的方法:1、打开…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/12 18:04
下一篇 03/12 18:04

相关推荐