首页 - 信息 - JavaScript中判断变量类型最简洁的实现方法以及自动类型转换(#################################)

JavaScript中判断变量类型最简洁的实现方法以及自动类型转换(#################################)

2023-09-26 18:52
-->

这篇文章主要介绍了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 www.gsm-guard.net(obj) === '[object Number]'
}

和typeof判断一样,对于NaN也返回true,代码量还大了,这不是想要的结果。www.gsm-guard.net方式判断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
}

 

我们都知道,JavaScript是类型松散型语言,在声明一个变量时,我们是无法明确声明其类型的,变量的类型是根据其实际值来决定的,而且在运行期间,我们可以随时改变这个变量的值和类型,另外,变量在运行期间参与运算时,在不同的运算环境中,也会进行相应的自动类型转换。

自动类型转换一般是根运行环境操作符联系在一起的,是一种隐式转换,看似难以捉摸,其实是有一定规律性的,大体可以划分为:转换为字符串类型转换为布尔类型转换为数字类型。今天我们就介绍一下这几种转换机制。