js对数值取整数和小数的方法总结

js取整数的方法

1：parseInt()

用法：

parseInt(num)

这是最常见的一种取整方式，但是其实parseInt并不是为了取整而设计的
完整用法：

parseInt(string, radix) 

parseInt本身是一个将字符串转换为整数的方法，第一个参数表示要转换的字符串，如果参数不是一个字符串，则将其转换为字符串。第二个参数是基数即进制，默认为10。

注：也就是说即便你的num是一个数字，他也会先把他转化为字符串，然后再取整。这无疑是消耗了一些性能的。

2：Math.floor()、 Math.ceil()、 Math.round()

用法：Math.floor() 向下取整，Math.ceil() 向上取整，Math.round()四舍五入取整
传入该方法的参数会被隐式转换成数字类型。

Math.floor(38.999);    //38
Math.floor(-24.001);    //-25

Math.ceil(11.001);     //12
Math.ceil(-13.991);    //-13

Math.round(11.4991)    //11
Math.round(11.501)     //12
Math.round(-11.4991)   //-11
Math.round(-11.501)    //-12

其性能要比 parseInt(num) 好很多。

3：Math.trunc()

Math.trunc() 是es6新增的方法。作用是去掉小数部分，保留整数部分

Math.trunc(24.901)    // 24
Math.trunc(-24.901)   // 24

方法较为好理解不存在向上向下取整问题。

4：num | 0

作用也是作用是去掉小数部分，保留整数部分

27.991|0    //27
-27.001|0   //27

弊端：位操作符是有隐藏的坑的，因为位操作符是将操作数转换为Int32，所以他不能处理超过32位的数值，而javaScript有效整数范围是53位

5：取小数

（1）num - Math.trunc(num); 此方法就是用该数减去整数部分得来小数部分

console.log(24.901 - Math.trunc(24.901));
console.log(-24.901 - Math.trunc(-24.901));

结果：

（2）num % 1

console.log(27.091 % 1);
console.log(-27.001 % 1);

![在这里插入图片描述](https://img-blog.csdnimg.cn/1a69e0020ceb4ce5be9d3bd101c4e67a.png
这是因为计算机在计算浮点数的时候本身的问题