JavaScript中判断类型的示例

这篇文章主要介绍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
}

以上是“JavaScript中判断类型的示例”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！