JavaScript中判断整字类型最简洁的实现方法
作者:bea
我们知道JavaScript提供了typeof运算符,因此最容易想到的是用typeof来判断是否是number类型。 代码如下: function isNumber(obj) { return typeof obj === 'number' } 这个函数对于整数和浮点数都没有问题,但对于NaN值也返回true这让人感到不爽,毕竟用isNumber判断通过后谁也不会用NaN去做算术运算。 那改进一下,用Object.prototype.toString试试。
我们知道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
}
有用 | 无用
代码如下:
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
}
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jquery插件推荐浏览器嗅探userAgent
- Nodejs全栈框架StrongLoop推荐
- Javascript限制网页只能在微信内置浏览器中访问
- js闭包的用途详解
- js闭包实例汇总
- 浅谈JS闭包中的循环绑定处理程序
- jQuery函数map()和each()介绍及异同点分析
- js跨域问题浅析及解决方法优缺点对比
- js 操作符汇总
- 初始Nodejs
- jquery的总体架构分析及实现示例详解
- jquery常用方法及使用示例汇总
- JQuery遍历json数组的3种方法
- JQuery中使用.each()遍历元素学习笔记
- jQuery遍历之next()、nextAll()方法使用实例
- jQuery遍历对象、数组、集合实例
- JavaScript中具名函数的多种调用方式总结
- JavaScript中使用typeof运算符需要注意的几个坑
- JavaScript中判断整数的多种方法总结