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

这篇文章主要整理关于js判断变量是否为数字的实现方式,我们把方式命名为isNumber,也就是说:对于整数,浮点数返回true,对于NaN或可转成NaN的值返回false。 方式一【推荐】: 最容易想到的是...

这篇文章主要整理关于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.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动,优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台,若是你有流量,可以作为参考选择适合你的平台点击进入

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

  • 发表于 2021-02-11 16:58
  • 阅读 ( 224 )
  • 分类:互联网

0 条评论

请先 登录 后评论
daw989
daw989

711 篇文章

你可能感兴趣的文章

相关问题