JavaScript之判断是否整数、取余、取整、进制、位或、ES6-Toy模板网

这篇具有很好参考价值的文章主要介绍了JavaScript之判断是否整数、取余、取整、进制、位或、ES6。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

方法一

使用取余运算符判断，利用任何整数都会被1整除的原理，即余数是0的特点，通过这个规则来判断是否是整数。
let isInteger = (val) => val % 1 === 0;

// true
isInteger(5);
// false
isInteger(5.72);
以上输出可以看出这个函数挺好用，但对于字符串和某些特殊值则需要完善一下检验规则，否则会被"欺骗"，对于空字符串、字符串类型数字、布尔true、空数组都返回true。在取余的时候，它们都会进行类型装换，下面例子中的空字符串，空数组都是转化成0，而true转成1。
// true
isInteger('');
// true
isInteger('5');
// true
isInteger(true);
// true
isInteger([]);
优化
let isInteger = (val) => typeof val === 'number' && val % 1 === 0;

// false
isInteger('');
// false
isInteger('5');
// false
isInteger(true);
// false
isInteger([]);

方式二

使用Math.round、Math.ceil、Math.floor判断。整数取整后还是等于自己，利用这个特性来判断是否是整数。
Math.floor方法中会自动将参数转成数字进行向下取值，同理使用Math.ceil向上取整，Math.round四舍五入。
let isInteger = (val) => Math.floor(val) === val;

// true
isInteger(5);
// false
isInteger(5.72);
// false
isInteger('');
// false
isInteger('5');
// false
isInteger(true);
// false
isInteger([]);

方式三

通过parseInt()判断。利用parseInt()十进制的转化特点。
let isInteger = (val) => parseInt(val, 10) === val;

// true
isInteger(5);
// false
isInteger(5.72);
// false
isInteger('');
// false
isInteger('5.72');
// false
isInteger(true);
// false
isInteger([]);
但是对于超过检测范围的数就会不再检测，统一返回该检测数字的首个数字。
// 1  false
parseInt(1000000000000000000000);
// 4  false
parseInt(412300213123400000000.21312);

方式四

通过位运算|判断。按位或运算符|是双目运算符，其功能是将参与运算的两数转成32位二进制后，各对应的二进位相或。只要对应的二个二进位有一个为1时，结果位就为1。因此利用该特性，任一数字和0位或都是返回它本身，同理非数字都是进行类型转化后再进行位或。
let isInteger(val) => (val | 0) === val;

// true
isInteger(5);
// false
isInteger(5.72);
// false
isInteger('');
// false
isInteger('5');
// false
isInteger(true);
// false
isInteger([]);
关于位或运算，效率比Math.floor和parseInt高。
位运算的使用场景及封装

方式五

ES6提供了Number.isInteger。这是Number中的一个API方法，用来判断给定参数是否为整数。
浏览器兼容上大多数已经实现支持，目前IE并不支持。
// true
Number.isInteger(5);
// false
Number.isInteger(5.72);
// false
Number.isInteger('');
// false
Number.isInteger('5');
// false
Number.isInteger(true);
// false
Number.isInteger([]);