JavaScript中判断整字类型最简洁的实现方法
我们知道JavaScript提供了typeof运算符,因此最容易想到的是用typeof来判断是否是number类型。
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方式判断数组(Array)可行,数字则力不从心了。
再改进下,NaN值用isNaN函数来对付。
function isNumber(obj) {
return typeof obj === 'number' && !isNaN(obj)
}
这次,如果传入的是非数字(NaN或者可转成NaN的值)就返回false了
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来判断
function isNumber(obj) {
return typeof obj === 'number' && isFinite(obj)
}
到现在,最短代码的数字判断是此文提到的第三个使用isNaN函数的。下面隆重推出世界上最短的数字判断代码
function isNumber(obj) {
return obj === +obj
}
对于整数,浮点数返回true,对于NaN或可转成NaN的值返回false。
没看懂是吗? 咕~~(╯﹏╰)
园友说这还不是世界上最短判断数字代码,参数obj可以改成一个字符的。(⊙o⊙)你是对的。
举一反三,类似的利用JS动态语言特性(运算符运算时内部自动类型转换)最短的判断还有。
// 判断字符串
function isString(obj) {
return obj === obj+''
}
// 判断布尔类型
function isBoolean(obj) {
return obj === !!obj
}
相关文章
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
这篇文章主要介绍了微信小程序之店铺评分组件及vue中用svg实现的评分显示组件,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
这篇文章主要介绍了微信小程序功能函数手机号验证、密码验证,获取验证码*的相关代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下2017-12-12JavaScript列表框listbox全选和反选的实现方法
这篇文章主要介绍了JavaScript列表框listbox全选和反选的实现方法,涉及javascript操作列表框listbox的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03JavaScript中判断某个字符串、数组等是否包含某个值的五种方法
在JavaScript中有多种方法可以用来判断字符串、数组是否包含某个值,这篇文章主要给大家介绍了关于JavaScript中判断某个字符串、数组等是否包含某个值的五种方法,需要的朋友可以参考下2024-03-03解决css和js的{}与smarty定界符冲突问题的两种方法
当输入url地址后网页出现如下文所描述的问题通常是css和js的{}与smarty定界符冲突导致的,解决方法有两个,具体如下,感兴趣的朋友可以参考下2013-09-09javascript for循环从入门到偏门(效率优化+奇特用法)
for循环是非常基础的javascript知识,但由于JS太灵活了,所以可能出现一些让初学者崩溃的写法。我决定由浅入深的解释一下for循环,算是给比我还新手的新手解惑吧,少走弯路2012-08-08
最新评论