JS如何取两位小数？

小蓝 • 2024-11-26 12:24 • 编程

一、toFixed()方法

JS中有一个toFixed()方法可以对数字进行小数保留。该方法的用法如下：

let num = 3.14159265;
num.toFixed(2); // 返回"3.14"

使用toFixed()方法时，需要注意的是，该方法会将数字四舍五入到指定的小数位数，并将其转换为字符串返回。如果小数位数不足，会在末尾补0。

二、Math.round()方法

Math.round()方法是JS中用于四舍五入的方法，也可以用于小数位数保留。其用法如下：

let num = 3.14159265;
Math.round(num * 100) / 100; // 返回3.14

使用Math.round()方法时，需要先将要保留的小数位数乘以10的对应次幂，然后将该数值作为参数传入round()方法中。最后将结果除以10的对应次幂即可得到保留小数位数的数字。

三、自定义函数

我们可以编写自定义函数来实现保留小数位数的功能。例如：

function toFixed(number, precision) {
  let multiplier = Math.pow(10, precision);
  return Math.round(number * multiplier) / multiplier;
}
let num = 3.14159265;
toFixed(num, 2); // 返回3.14

该方法将要保留的小数位数作为参数传入，使用Math.pow()方法获取10的对应次幂，并将其作为乘数。然后将数值乘以该乘数并进行四舍五入，最后将结果除以该乘数即可得到保留小数位数的数字。

四、使用parseFloat()方法

JS中的parseFloat()方法可以将字符串转换为数字，并且会保留小数位数。其用法如下：

let num = "3.14159265";
parseFloat(num).toFixed(2); // 返回"3.14"

该方法将字符串转换为数字后，再使用toFixed()方法进行小数位数保留。但需要注意的是，如果传入的字符串中包含非数字字符，则会返回NaN。

五、使用正则表达式

我们可以使用正则表达式来截取小数位数，然后将其进行四舍五入。例如：

function toFixed(number, precision) {
  let regExp = new RegExp(`^-?\\d+(?:\\.\\d{0,${precision}})?`);
  let match = number.toString().match(regExp);
  return Number(match[0]);
}
let num = 3.14159265;
toFixed(num, 2); // 返回3.14

该方法通过正则表达式将数字字符串截取至指定小数位数，并将其转换为数字。使用match()方法获取匹配结果，然后取出第一个匹配结果即可得到保留小数位数的数字。

六、小结

JS中保留小数位数是常见需求，我们可以使用toFixed()方法、Math.round()方法、自定义函数、parseFloat()方法或正则表达式来实现该功能。在使用时需要考虑到四舍五入、小数位数不足或过多等情况。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/185586.html