JavaScript中判断变量类型最简洁的实现方法（#################################）

Posted 2020-08-17 最骚的就是你

这篇文章主要介绍了JavaScript中判断整字类型最简洁的实现方法,本文给出多个判断整数的方法,最后总结出一个最短、最简洁的实现方法,需要的朋友可以参考下

 

 

我们知道javascript提供了typeof运算符，因此最容易想到的是用typeof来判断是否是number类型。

 

复制代码代码如下:

1 2 3

function isNumber(obj) {     return typeof obj === ‘number‘ }

　　

 

这个函数对于整数和浮点数都没有问题，但对于NaN值也返回true这让人感到不爽，毕竟用isNumber判断通过后谁也不会用NaN去做算术运算。

那改进一下，用Object.prototype.toString试试。

 

复制代码代码如下:

function isNumber(obj) {
    return Object.prototype.toString.call(obj) === ‘[object Number]‘
}

 

 

和typeof判断一样，对于NaN也返回true，代码量还大了，这不是想要的结果。toString.call方式判断js数组(Array)可行，数字则力不从心了。

再改进下，NaN值用isNaN函数来对付。

 

复制代码代码如下:

1 2 3

function isNumber(obj) {     return typeof obj === ‘number‘ && !isNaN(obj) }

　　

 

这次，如果传入的是非数字（NaN或者可转成NaN的值）就返回false了

 

复制代码代码如下:

1 2 3 4 5 6 7

function isNumber(obj) {     return typeof obj === ‘number‘ && !isNaN(obj) } isNumber(1)   // true isNumber(1.2) // true isNumber(NaN) // false isNumber( parseInt(‘a‘) ) // false

　　

 

嗯，这个isNumber不错了，但还有一个等价的，用isFinite来判断

 

复制代码代码如下:

1 2 3

function isNumber(obj) {     return typeof obj === ‘number‘ && isFinite(obj)    }

　　

 

到现在，最短代码的数字判断是此文提到的第三个使用isNaN函数的。下面隆重推出世界上最短的数字判断网页代码

 

复制代码代码如下:

1 2 3

function isNumber(obj) {     return obj === +obj }

　　

 

对于整数，浮点数返回true，对于NaN或可转成NaN的值返回false。

没看懂是吗？ 咕~~(╯﹏╰)

园友说这还不是世界上最短判断数字代码，参数obj可以改成一个字符的。（⊙o⊙）你是对的。

举一反三，类似的利用JS动态语言特性（运算符运算时内部自动类型转换）最短的判断还有。

 

复制代码代码如下:

1 2 3 4 5 6 7 8

// 判断字符串 function isString(obj) {     return obj === obj+‘‘ } // 判断布尔类型 function isBoolean(obj) {     return obj === !!obj }