【JavaScript】关于Number类型取整的问题

在开发中会遇到需要数字类型取整的情况，常用的方法是用Math.floor(Number)。例如，在一组颜色数组中，需要随机选取任意一项颜色可以这么做：

/**
 * 获取传入颜色组的随机项
 * @param {Array} colors 颜色组
 */
function randomColor (colors) {
  return colors[Math.floor(Math.random() * colors.length)]
}

const colors = ['#34adfe', '#fa7f7f', '#f08d49', '#cc99cd', '#7ec699']
console.log(randomColor(colors)) // "#34adfe" ， 每次得到的都是随机的

但今天看到了几种数字取整更秀的写法——【与0按位或】、【与0按位异或】和【两次的按位取反】

(2.6 | 0) === 2 // true
(2.6 ^ 0) === 2 // true
Math.floor(2.6) === ~~2.6 // true

其原理是在按位操作时，操作数会被强制转换为一个有符号的32位整数，所以自然剔除了小数部分。但同时意味着这种方法也存在局限性：按位操作时，可操作的数为±2^31-1之间。

而Math.floor()可操作js最大精确整数范围内的所有数字，即±2^53 -1之间。

按位操作取整不为也是一种比较不同的操作，但可能会让代码在阅读上更复杂。

所以对比下来还是Math.floor()更好。

另外还有种更快的方式，使用~~符号

 

参考资料：

https://segmentfault.com/q/1010000005723157/

https://stackoverflow.com/questions/307179/