数字取整 2.33333 => 2

7.1 普通版


const a = parseInt(2.33333)


​​parseInt()​​ 函数解析一个字符串参数，并返回一个指定基数的整数 (数学系统的基础)。这个估计是直接取整最常用的方法了。

更多关于 ​​parseInt()​​ 函数可以查看 ​​MDN 文档​​

7.2 进阶版


const a = Math.trunc(2.33333)


​​Math.trunc()​​ 方法会将数字的小数部分去掉，只保留整数部分。

特别要注意的是：​​Internet Explorer​​ 不支持这个方法，不过写个 ​​Polyfill​​ 

Math.trunc = Math.trunc || function(x) {
  if (isNaN(x)) {
    return NaN;
  }
  if (x > 0) {
    return Math.floor(x);
  }
  return Math.ceil(x);
};


数学的事情还是用数学方法来处理比较好。

7.3 黑科技版

7.3.1 ~~number

双波浪线 ~~ 操作符也被称为“双按位非”操作符。你通常可以使用它作为代替 Math.trunc() 的更快的方法。


console.log(~~47.11)  // -> 47
console.log(~~1.9999) // -> 1
console.log(~~3)      // -> 3
console.log(~~[])     // -> 0
console.log(~~NaN)    // -> 0
console.log(~~null)   // -> 0


失败时返回0,这可能在解决 Math.trunc() 转换错误返回 NaN 时是一个很好的替代。
但是当数字范围超出 ±2^31−1 即：2147483647 时，异常就出现了：


// 异常情况
console.log(~~2147493647.123) // -> -2147473649