JavaScript 常用取整、四舍五入方法汇总

https://juejin.cn/post/7184257661339172919

 

 

2023-01-0314,624阅读2分钟

 

在 JavaScript 中，对数值进行四舍五入操作的场景有以下几种：

• 向上取整：ceil
• 向下取整：floor
• 四舍五入：round
• 固定精度：toFixed
• 固定长度：toPrecision
• 取整：parseInt

1.向上取整：ceil

ceil 是天花板的意思，表示在一个数值之上，且距离该数最近的整数。

 

arduino

复制代码

Math.ceil(12.34); //13
Math.ceil(12.68); //13

2.向下取整： floor

floor 是地板的意思，表示在一个数值之下，且距离该数最近的整数。

 

arduino

复制代码

Math.floor(12.34); // 12
Math.floor(12.68); // 12

3.四舍五入： round

round 的作用是对一个浮点数进行四舍五入，并保留整数位。

 

javascript

复制代码

Math.round(12.34); // 12
Math.round(12.54); // 13

4.固定精度： toFixed

toFixed 和上面三个方法不同，它是 Number 原型上实现的一个方法，其作用是对一个浮点数进行四舍五入并保留固定小数位。

 

scss

复制代码

100.456001.toFixed(2); // 100.46
100.456001.toFixed(3); // 100.456

5.固定长度： toPrecision

toPrecison 也是 Number 原型上实现的一个处理浮点数的方法，和 toFixed 不同的是，它是对一个浮点数进行四舍五入并保留固定长度的有效数字，包括整数部分。

 

scss

复制代码

99.456001.toPrecision(5);  // 99.456
100.456001.toPrecision(5); // 100.46

6.取整： parseInt

parseInt 是 全局对象 window上的一个方法，其作用是对一个可转换的数值取整，分为以上将字符串数值转化为 Number 整数，对字符串的每一个字符进行转化，直到遇到不可转化的字符（包括小数点）停止。两种情况：

1. 将字符串数值转化为 Number 整数，对字符串的每一个字符进行转化，直到遇到不可转化的字符（包括小数点）停止。
2. 对浮点类型数值取整，忽略小数部分，不做四舍五入处理

 

scss

复制代码

// 字符串数值
parseInt('100') ; // 100
parseInt('100axt'); // 100
parseInt('100xh20'); // 100
parseInt('100.78'); // 100
// Number 类型
parseInt(100.12) ; // 100
parseInt(100.78); // 100