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

这篇文章主要整理关于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;
}

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_812