在前端开发中，我们经常会用到数字的四舍五入，特别是在计算商品价格、金额等场景中，要求保留正确的小数位数和精度。本文将介绍如何使用JS实现精确的四舍五入，并且对JS中常用的四舍五入方法进行对比。

一、JS中常用的四舍五入方法

在JS中，常用的四舍五入方法主要包括toFixed()、Math.round()、Math.floor()、Math.ceil()四种方法。

1. toFixed()方法

该方法将数字四舍五入为指定小数位数的字符串形式，并返回结果。但是该方法具有局限性，如果小数位数大于数字本身的小数位数，则会用0来补位，而且返回结果为字符串类型。

举个例子：

```javascript

(1.23546).toFixed(2) // 输出结果为 '1.24'

(1.2).toFixed(2) // 输出结果为 '1.20'

```

由上可见，toFixed()方法出现了误差，且结果为字符串类型。

2. Math.round()方法

该方法返回一个数字四舍五入后最接近的整数。如果数字小数部分大于或等于 0.5，则舍入为下一个整数；否则，舍入为上一个整数。

举个例子：

```javascript

Math.round(1.23546) // 输出结果为 1

Math.round(1.5) // 输出结果为 2

Math.round(1.2) // 输出结果为 1

```

由上可见，Math.round()方法可以实现数字的四舍五入，但只能返回整数类型。

3. Math.ceil()方法

该方法返回大于或等于一个给定数字的最小整数。

举个例子：

```javascript

Math.ceil(1.23546) // 输出结果为 2

Math.ceil(1.5) // 输出结果为 2

Math.ceil(1.2) // 输出结果为 2

```

由上可见，Math.ceil()方法不能实现数字的四舍五入，而且返回结果为整数类型。

4. Math.floor()方法

该方法返回小于或等于一个给定数字的最大整数。

举个例子：

```javascript

Math.floor(1.23546) // 输出结果为 1

Math.floor(1.5) // 输出结果为 1

Math.floor(1.2) // 输出结果为 1

```

由上可见，Math.floor()方法不能实现数字的四舍五入，而且返回结果为整数类型。

根据上述四种常用的四舍五入方法，我们可以发现：toFixed()方法结果为字符串类型且存在误差，Math.round()方法只能返回整数类型，而Math.ceil()和Math.floor()方法不能实现数字的四舍五入。

那么，如何实现精确的四舍五入呢？下面我们将介绍两种方法。

二、使用JS实现精确的四舍五入

1.使用Math.round()和toFixed()方法

该方法先进行数字四舍五入，然后利用toFixed()方法保留指定小数位数。

举个例子：

```javascript

function preciseRound(num, decimals) {

var t = Math.pow(10, decimals)

return (Math.round(num * t) / t).toFixed(decimals)

}

preciseRound(1.23546,2) // 输出结果为 1.24

```

该方法可以实现精确的四舍五入，并且返回的结果为数值类型。

2.使用Number.EPSILON和Math.round()方法

ES6引入了Number.EPSILON常量，它代表了数字中可用的最小精度误差。这个常量在数字计算中非常有用，可以避免一些由于精度问题带来的错误。

```javascript

function preciseRound(num, decimals) {

return (Math.round(num * Math.pow(10, decimals) + Number.EPSILON) / Math.pow(10, decimals)).toFixed(decimals)

}

preciseRound(1.23546,2) // 输出结果为 1.24

```

该方法也可以实现精确的四舍五入，并且返回的结果为数值类型。相对而言，该方法会略微快一些。

三、总结

在前端开发中，精确的四舍五入很重要，可以让我们的计算结果更加准确。在JS中，虽然有四种常用的四舍五入方法，但是都存在一定的缺陷。为了解决这个问题，我们可以使用以上两种方法来实现精确的四舍五入，得到更加准确的计算结果。如果还有其他方法，欢迎大家在评论区留言，共同学习交流。