我必须在客户端的JavaScript中进行一些计算,并且当用户单击Submit时,我必须在PHP中进行验证。这样做时,我在PHP和JavaScript中得到了不同的结果。
我有以下问题。
1。 JavaScript计算会在小数点后添加额外的数字。
2。在后端进行验证时,JavaScript计算和PHP计算不匹配。
<script type="text/javascript">
var a = 130;
var b = 1.3595;
var c = a * b;
console.log(c); //176.73499999999999
console.log(c.toFixed(2)); //176.73
</script>
<?php
$a = 130;
$b = 1.3595;
$c = $a * $b;
echo $c; //176.735
echo round($c,2); //176.74
?>
两者都给出了不同的结果。所以我想要的JavaScript和PHP都是176.74或176.73。
答案 0 :(得分:0)
要获得所需的十进制精度,Math.round要求先相乘然后相除(“乘除法”)。
这种“乘和除”方法会产生舍入误差,但显然可以通过反之先升高然后降低数字的指数来避免(称为“指数”方法)。
“乘除法”:
Math.round(num*100)/100
“指数”方法:
Number(Math.round(num+'e2') + 'e-2')
请尝试使用num1 = 1.005,num2 = 1,小数= 2的以下代码段。“乘除法”会弄错,“指数”方法会弄对。
/* the "multiply-and-divide" rounding method */
function roundmult(value, decimals) {
let multiplier = 1;
for (let i = 0; i < decimals; i++) {
multiplier *= 10;
}
return Math.round(value * multiplier) / multiplier;
}
/* the "exponent" rounding method */
function roundexp(value, decimals) {
return Number(Math.round(value + 'e' + decimals) + 'e-' + decimals);
}
function testIt() {
let decimals = +(document.getElementById("decimals").value);
let num1 = +(document.getElementById("num1").value);
let num2 = +(document.getElementById("num2").value);
let product = num1 * num2;
let resultmult = roundmult(product, decimals);
document.getElementById("multdiv").innerText = resultmult;
let resultexp = roundexp(product, decimals);
document.getElementById("exponent").innerText = resultexp;
}
<h1>
Math.round() Test
</h1>
<label for="num1">num1</label>
<input id="num1" type="number"> times
<label for="num2">num2</label>
<input id="num2" type="number"><br />
<label for="decimals">decimal places:</label>
<input id="decimals" type="number"><br /><br />
<button id="doit" onclick="testIt();">
Round it!
</button><br /><br /> The "multiply and divde" method result is: <span id="multdiv"></span>
<br /><br /> The "exponent" method result is: <span id="exponent"></span>