在JavaScript中判断整型的N种方法示例介绍


Posted in Javascript onJune 18, 2014

整数类型(Integer)在JavaScript经常会导致一些奇怪的问题。在ECMAScript的规范中,他们只存在于概念中:

所有的数字都是浮点数,并且整数只是没有一组没有小数的数字。

在这篇博客中,我会解释如何去检查某个值是否为整型。
ECMAScript 5

在ES5中有很多方法你可以使用。有时侯,你可能想用自己的方法:一个isInteger(x)的函数,如果是整型返回true,否则返回false.

让我们看看一些例子。

通过余数检查

你可以使用余数运算(%),将一个数字按1求余,看看余数是不是0。

function isInteger(x) {
  return x % 1 === 0;
}

我喜欢这个方法,因为它非常简单,而且有效。

> isInteger(17)
true
> isInteger(17.13)
false

在操作余数运算时你得小心一点,因为结果取决于第一个数的符号,如果是正的,结果就是正的;否则就是负的。

> 3.5 % 1
0.5
> -3.5 % 1
-0.5

然后,我们也可以检查0,这其实不是一个问题。但问题是:这个方法对非数字也会返回true,因为 % 会将它转换成数字:

> isInteger('')
true
> isInteger('33')
true
> isInteger(false)
true
> isInteger(true)
true

可以通过很简单的类型检查来解决:

function isInteger(x) {
  return (typeof x === 'number') && (x % 1 === 0);
}

通过Math.round() 如果一个数字取整以后还跟之前的值一样,那么它就是整数。在JavaScript中可以通过Math.round()来检查:

function isInteger(x) {
  return Math.round(x) === x;
}

这个方法也不错

> isInteger(17)
true
> isInteger(17.13)
false

它也可以判断非数字,因为Math.round()总是返回数字,并且===只有当类型一样时才返回true.

> isInteger('')
false

如果你想让代码更清晰一点,你可以添加类型检查(就是我们在之前版本做的)。另外,Math.floor()和Math.ceil()可以像Math.round()一样工作。 通过位操作检查 位操作符提供另外一种“取整”的方法:

function isInteger(x) {
  return (x | 0) === x;
}

这个解决方案(跟其它位运算一样)有一个缺陷:它无法处理超过32位的数字。

> isInteger(Math.pow(2, 32))
false

通过parseInt()检查 parseInt()也提供了跟Math.round()类似将数字转换成整型的方法。 让我们看看这个方法为什么不错。

function isInteger(x) {
  return parseInt(x, 10) === x;
}

像Math.round()解决方案一样,它也可以处理非数字的情况,但是它也不能正确地处理所有的整型数字:

> isInteger(1000000000000000000000)
false

为什么?parseInt()在解析整数之前强迫将第一个参数解析成字符串。因此使用这种方法将数字转换成整型不是一个好的选择。

> parseInt(1000000000000000000000, 10)
1
> String(1000000000000000000000)
'1e+21'

就像上面那样,parseInt()在解析'1e+21'时在1处停止处理了,所以它才会返回1. ECMAScript 6 对于Math.round()扔补充,ES6提供了另外一个将数字转换成整型的方法:Math.trunc()。该函数会移除数字的小数部分。

> Math.trunc(4.1)
4
> Math.trunc(4.9)
4
> Math.trunc(-4.1)
-4
> Math.trunc(-4.9)
-4

此外,ECMAScript6不需要去处理检查整数那些琐碎的任务,因为它带有一个内置函数 Number.isInteger()。

Javascript 相关文章推荐
Array.slice()与Array.splice()的返回值类型
Oct 09 Javascript
ie浏览器使用js导出网页到excel并打印
Mar 11 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
PHP结合jQuery实现的评论顶、踩功能
Jul 22 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
jQuery基本过滤选择器用法示例
Sep 09 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
Sep 06 jQuery
JS中的多态实例详解
Oct 15 Javascript
vue自定义filters过滤器
Apr 26 Javascript
对node.js中render和send的用法详解
May 14 Javascript
input标签内容改变的触发事件介绍
Jun 18 #Javascript
jQuery控制TR显示隐藏的几种方法
Jun 18 #Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 #Javascript
浅谈 jQuery 事件源码定位问题
Jun 18 #Javascript
js调试系列 源码定位与调试[基础篇]
Jun 18 #Javascript
js调试系列 控制台命令行API使用方法
Jun 18 #Javascript
js调试系列 初识控制台
Jun 18 #Javascript
You might like
php正则校验用户名介绍
2008/07/19 PHP
初识Laravel
2014/10/30 PHP
magento后台无法登录解决办法的两种方法
2016/12/09 PHP
PHP receiveMail实现收邮件功能
2018/04/25 PHP
js可突破windows弹退效果代码
2008/08/09 Javascript
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
javascript 数组操作详解
2015/01/29 Javascript
JQuery显示、隐藏div的几种方法简明总结
2015/04/16 Javascript
jquery获取select选中值的方法分析
2015/12/22 Javascript
基于BootStarp的Dailog
2016/04/28 Javascript
NodeJS基础API搭建服务器详细过程记录
2017/04/01 NodeJs
微信小程序实战之轮播图(3)
2017/04/17 Javascript
写给vue新手们的vue渲染页面教程
2017/09/01 Javascript
利用CDN加速react webpack打包后的文件详解
2018/02/22 Javascript
vue中axios解决跨域问题和拦截器的使用方法
2018/03/07 Javascript
微信小程序实现简单跑马灯效果
2020/05/26 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
2020/01/21 Javascript
使用vue-cli3+typescript的项目模板创建工程的教程
2020/02/28 Javascript
Vant picker 多级联动操作
2020/11/02 Javascript
按日期打印Python的Tornado框架中的日志的方法
2015/05/02 Python
基于Python的文件类型和字符串详解
2017/12/21 Python
Python模拟随机游走图形效果示例
2018/02/06 Python
将数据集制作成VOC数据集格式的实例
2020/02/17 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
HTML5安全介绍之内容安全策略(CSP)简介
2012/07/10 HTML / CSS
旅游安全协议书
2014/04/21 职场文书
公务员党员评议表自我鉴定
2014/09/14 职场文书
工作失误检讨书(3篇)
2014/10/11 职场文书
营销与策划实训报告
2014/11/05 职场文书
财务整改报告范文
2014/11/05 职场文书
使用PDF.js渲染canvas实现预览pdf的效果示例
2021/04/17 Javascript
javascript代码简写的几种常用方式汇总
2021/08/23 Javascript
Win11无法访问设备和打印机 如何解决页面空白
2022/04/09 数码科技
Python各协议下socket黏包问题原理
2022/04/12 Python