JavaScript中判断整数的方法
一、使用取余运算符判断
任何整数都会被1整除,即余数是0。利用这个规则来判断是否是整数。
|
1
2
3
4
5
|
function isInteger(obj) { return obj%1 === 0}isInteger(3) // trueisInteger(3.3) // false |
以上输出可以看出这个函数挺好用,但对于字符串和某些特殊值显得力不从心
|
1
2
3
4
|
isInteger('') // trueisInteger('3') // trueisInteger(true) // trueisInteger([]) // true |
对于空字符串、字符串类型数字、布尔true、空数组都返回了true,真是难以接受。
因此,需要先判断下对象是否是数字,比如加一个typeof
|
1
2
3
4
5
6
7
|
function isInteger(obj) { return typeof obj === 'number' && obj%1 === 0}isInteger('') // falseisInteger('3') // falseisInteger(true) // falseisInteger([]) // false |
嗯,这样比较完美了。
二、使用Math.round、Math.ceil、Math.floor判断
整数取整后还是等于自己。利用这个特性来判断是否是整数,Math.floor示例,如下
|
1
2
3
4
5
6
7
8
9
|
function isInteger(obj) { return Math.floor(obj) === obj}isInteger(3) // trueisInteger(3.3) // falseisInteger('') // falseisInteger('3') // falseisInteger(true) // falseisInteger([]) // false |
这个直接把字符串,true,[]屏蔽了,代码量比上一个函数还少。
三、通过parseInt判断
|
1
2
3
4
5
6
7
8
9
|
function isInteger(obj) { return parseInt(obj, 10) === obj}isInteger(3) // trueisInteger(3.3) // falseisInteger('') // falseisInteger('3') // falseisInteger(true) // falseisInteger([]) // false |
很不错,但也有一个缺点
|
1
|
isInteger(1000000000000000000000) // false |
竟然返回了false,没天理啊。原因是parseInt在解析整数之前强迫将第一个参数解析成字符串。这种方法将数字转换成整型不是一个好的选择。
四、通过位运算判断
|
1
2
3
4
5
6
7
8
9
|
function isInteger(obj) { return (obj | 0) === obj}isInteger(3) // trueisInteger(3.3) // falseisInteger('') // falseisInteger('3') // falseisInteger(true) // falseisInteger([]) // false |
这个函数很不错,效率还很高。但有个缺陷,上文提到过,位运算只能处理32位以内的数字,对于超过32位的无能为力,如
|
1
|
isInteger(Math.pow(2, 32)) // 32位以上的数字返回false了 |
当然,多数时候我们不会用到那么大的数字。
五、ES6提供了Number.isInteger
|
1
2
3
4
5
6
|
Number.isInteger(3) // trueNumber.isInteger(3.1) // falseNumber.isInteger('') // falseNumber.isInteger('3') // falseNumber.isInteger(true) // falseNumber.isInteger([]) // false |
JavaScript中判断整数的方法的更多相关文章
- JavaScript中判断对象类型方法大全2
在JavaScript中,有5种基本数据类型和1种复杂数据类型,基本数据类型有:Undefined, Null, Boolean, Number和String:复杂数据类型是Object,Object ...
- JavaScript中判断对象类型方法大全1
我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一 ...
- JavaScript中判断为整数的多种方式
之前记录过JavaScript中判断为数字类型的多种方式,这篇看看如何判断为整数类型(Integer). JavaScript中不区分整数和浮点数,所有数字内部都采用64位浮点格式表示,和Java的d ...
- JavaScript中判断整字类型最简洁的实现方法
这篇文章主要介绍了JavaScript中判断整字类型最简洁的实现方法,本文给出多个判断整数的方法,最后总结出一个最短.最简洁的实现方法,需要的朋友可以参考下 我们知道JavaScript提供了type ...
- JavaScript中判断变量类型最简洁的实现方法以及自动类型转换(#################################)
这篇文章主要介绍了JavaScript中判断整字类型最简洁的实现方法,本文给出多个判断整数的方法,最后总结出一个最短.最简洁的实现方法,需要的朋友可以参考下 我们知道JavaScript提供了type ...
- JavaScript中判断对象是否属于Array类型的4种方法及其背后的原理与局限性
前言 毫无疑问,Array.isArray是现如今JavaScript中判断对象是否属于Array类型的首选,但是我认为了解本文其余的方法及其背后的原理与局限性也是很有必要的,因为在JavaScrip ...
- Javascript中判断数组的正确姿势
在 Javascript 中,如何判断一个变量是否是数组? 最好的方式是用 ES5 提供的 Array.isArray() 方法(毕竟原生的才是最屌的): var a = [0, 1, 2]; con ...
- Java与JavaScript中判断两字符串是否相等的区别
JavaScript是一种常用的脚本语言,这也决定了其相对于其他编程语言显得并不是很规范.在JavaScript中判断两字符串是否相等 直接用==,这与C++里的String类一样.而Java里的等号 ...
- JS中判断数组的方法
JavaScript中检测对象的方法 1.typeof操作符 这种方法对于一些常用的类型来说那算是毫无压力,比如Function.String.Number.Undefined等,但是要是检测Arra ...
随机推荐
- 传统保险企业基于 Dubbo 的微服务实践
本文整理自中国人寿保险(海外)股份有限公司深圳中心技术总监家黄晓彬在 Dubbo 社区开发者日深圳站的现场分享. 中国人寿保险(海外)股份有限公司负责香港.澳门.新加坡和印尼的业务开发,和国内业务不同 ...
- Lichee ( 四 ) 打包IMAGE
在<Lichee(三) Android4.0的目标产品文件夹与Lichee的纽带---extract-bsp>中我们分析了extract-bsp的作用和意义.到这里,我们能够開始编译And ...
- JSP页面中验证码的调用方法
步骤: 1.首先是要生成验证码 2.对验证码类进行调用:主要 实现的是 将验证码图片 输出到response.getOutputStream()这个输出流中 调用时,可以在页面调用,也可以在serv ...
- php各种字符串截取
各种字符串截取.php <?php /** * 字符串截取,支持中文和其他编码 * @param [string] $str [字符串] * @param integer $start [起始位 ...
- Web学习之跨域问题及解决方案
在做前端开发时,我们时常使用ajax与服务器通信获取资源,享受ajax便利的同时,也知道它有限制:跨域安全限制,即同源策略. 同源策略(SOP),核心是确保不同源提供的文件之间是相互独立的 默认情况下 ...
- 在vue项目中同时使用element-ui和mint-ui,的时候,.babelrc配置文件怎么写
我们安装vue组件库的时候,考虑到大小问题,需要根据需要仅引入部分组件 借助 babel-plugin-component,我们可以只引入需要的组件,以达到减小项目体积的目的. 但是在配置 .bab ...
- PLAY2.6-SCALA(十二) 表单的处理
一.表单处理流程如下 1.定义一个表单,在这里表单最多有22个字段 import play.api.data._ import play.api.data.Forms._ //要使用验证和约束 imp ...
- linuxtoy.org资源
https://linuxtoy.org/archives.html Archives 在 Android 系统上安装 Debian Linux 与 R (2015-07-14) Pinos:实现摄像 ...
- js写的滑动解锁
css部分 *{ margin:; padding:; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select ...
- 【记录bug】npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsvents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents1.2.7: wanted {"os":"darwin
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsvents): npm WARN nots ...