js判断类型为数字的方法实现总汇——原生js判断isNumber()

时间: 2018-05-24阅读: 14868标签: number

这篇文章主要整理关于js判断变量是否为数字的实现方法,我们把方法命名为isNumber,也就是说:对于整数,浮点数返回true,对于NaN或可转成NaN的值返回false。


方法一【推荐】:

最容易想到的是用typeof来判断是否是number类型 ,但是如果为NaN会被认为也是number类型,因此我们需要使用isNaN来排除NaN的情况。 

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


方法二:

isNaN(obj)   等价于isFinite()。Infinity在js表示数字的无穷大,判断是否可用做数字的最佳方法则是isFinite(),因为该方法会筛除掉NaN和Infinity两个关键字。

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


方法三:

不使用typeof,可以用Object.prototype.toString来实现,只是代码量稍微比较大而已。

function isNumber(obj) {  
    return Object.prototype.toString.call(obj) === '[object Number]' && !isNaN(obj)  
}

或者

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


 方法四:

据说这个方法是世界上最短的数字判断代码  

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

下面是该方法的延伸。

1、判断字符串 : 

function isString(obj) {  
    return obj === obj+''  
}

2、判断布尔类型

function isBoolean(obj) {  
    return obj === !!obj  
}


 方法五【推荐】

  使用正则来实现,这也是我们最常用的方式

function isNumber(obj) {
  var reg = /^[0-9]+.?[0-9]*$/;
  if (reg.test(obj)) {
    return true;
  }
  return false;
}


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/812

关闭

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!