問(wèn)題:js浮點(diǎn)數(shù)運(yùn)算時(shí),莫名出現(xiàn)多位小數(shù)
原因:這是由于在運(yùn)算的時(shí)候先把浮點(diǎn)數(shù)轉(zhuǎn)化成二進(jìn)制后進(jìn)行運(yùn)算,但是有的小數(shù)在二進(jìn)制編碼后出現(xiàn)無(wú)限循環(huán),因而導(dǎo)致計(jì)算出現(xiàn)了誤差,在其它變成語(yǔ)言中也有類似的問(wèn)題。
console.log((0.1+0.2)==0.3)//false
console.log(0.1+0.2)//0.30000000000000004
console.log(0.22-0.12)//0.1 減法沒(méi)有問(wèn)題
console.log(0.1*0.2)//0.020000000000000004
console.log(0.1*3)//0.30000000000000004
console.log(1.2/0.3)//4 這樣的除法沒(méi)問(wèn)題
console.log(1.2/3)//0.39999999999999997---能整除的除法
解決辦法:
方法一:利用JavaScript 的toFixed(n) 方法,直接獲取N 位小數(shù)
// var a=0.888888.toFixed(2);
// console.log(a);//0.89? toFixed方法是四舍五入的
// 所以這種方法存在精確度問(wèn)題,,,但基本上說(shuō)是可以使用的
console.log(0.1+0.2)//0.30000000000000004
var n=(0.1+0.2).toFixed(1);
console.log(n);//加法問(wèn)題解決
console.log(0.1*0.2)//0.020000000000000004
var n=(0.1*0.2).toFixed(2);
console.log(n);//乘法問(wèn)題1解決
console.log(0.1*3)//0.30000000000000004
var n=(0.1*3).toFixed(1);
console.log(n);//乘法問(wèn)題2解決
console.log(1.2/3)//0.39999999999999997
var n=(1.2/3).toFixed(1);
console.log(n);//能整除的除法問(wèn)題解決
console.log(0.1/3)
var n=(0.1/3).toFixed(3);
console.log(n);//不能整除的除法問(wèn)題解決
方法二:自己編寫(xiě)算法---核心思想是先把小數(shù)轉(zhuǎn)換成整數(shù),在進(jìn)行運(yùn)算,從而規(guī)避浮點(diǎn)數(shù)運(yùn)算
//自定義加法運(yùn)算
function addFloatNum (num1, num2) {//核心思想是先把小數(shù)轉(zhuǎn)換成整數(shù)
var sq1,sq2,m;
try {
sq1 = num1.toString().split(".")[1].length;//計(jì)算出小數(shù)點(diǎn)后有幾位
}
catch (e) {
sq1 = 0;//小數(shù)點(diǎn)后沒(méi)有東西,就默認(rèn)為零位
}
try {
sq2 = num2.toString().split(".")[1].length;//計(jì)算出小數(shù)點(diǎn)后有幾位
}
catch (e) {
sq2 = 0;//小數(shù)點(diǎn)后沒(méi)有東西,就默認(rèn)為零位
}
m = Math.pow(10,Math.max(sq1, sq2));//Math.pow() 10^2==100;2^3==8;,,,10 100 1000...
return (num1 * m + num2 * m) / m;
}
alert(addFloatNum(0.1, 0.2));//0.3
alert(addFloatNum(1, 2));//0.1
alert(addFloatNum(1, 0.2));//1.2