JS四舍五入到小数点后2位[重复]

Question

我试图将返回的数字限制为小数点后 2 位，但此代码对我不起作用；

function myFunction() {
var x = document.getElementById("mySelect").value;
document.getElementById("demo").innerHTML = "Result is: " + x * 1.09; value = valToRound.toFixed(2);

}

我做错了什么？

Answer 1

在 JS 浏览器控制台中输入

  x = 2.71828
  x.toFixed(2)
  "2.72"

很明显.toFixed(2) 有效

你做错了什么是在打印答案之后进行舍入，而不是使用正确的变量。

document.getElementById("demo").innerHTML = "Result is: " + x * 1.09; value = valToRound.toFixed(2);

养成使用parseFloat() 将字符串转换为数字的习惯也是一个好主意。在 JS 中，'2'*'2' 是 '4' 但 '2'+'2' 是 '22'，除非你先转换为数字。

如果你这样做，它会起作用：

function myFunction() {
  var x = parseFloat(document.getElementById("mySelect").value);
  var valToRound = x * 1.09;
  var value = valToRound.toFixed(2);
  document.getElementByID("demo").innerHTML = "Result is: " + value;
}