少数計算が正常に実行されない

Question

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
JavaScriptで適正体重等を計算してコンソールボックスに表示しています

###発生している問題・エラーメッセージ

適正体重を少数第二位まで計算する関数をかいたのですが、
関数をよびだして計算すると今回の場合"適正体重まで＋9.68kgです"と表示されるよう書いたのですが
何故か"適正体重まで＋9.680000000000007kgです"と表示されてしまいます、これを解決したいのでお力添えお願いします。
ソースメモにより具体的な問題を書きましたのそちらも目を通していただけるとありがたく存じます

###該当のソースコード

var hei = 183;
var wei = 64;
// ---適正体重計算
function idlWei(hei){
    var idlWei = Math.pow(hei/100,2) * 22;
    idlWei = Math.round(idlWei *100)/100;     //少数第二位までにまとめる処理
    
    return idlWei;
}

console.log("適正体重は" + idlWei(hei) + "kgです"); //ここでは関数は正常に動作し少数第二位までにまとめられている

//---適正体重とのギャップ ここが問題の場所になります
if(wei < idlWei(hei)){
        console.log("適正体重まで＋" + (idlWei(hei) - wei) + "kgです");
}else if(wei == idlWei(hei)){
        console.log("適正体重です");
}else{
        console.log("適正体重まで－" + (wei -idlWei(hei)) + "kgです");
}

// 後述の対策案  ((idlWei(hei)*100-wei*100)/100);

###試したこと
検索したところJavaScriptはIEEEという規格のため誤差で少数が、
今回のようになる場合があるとのことなので一度整数にしてから計算してみましたがほしい結果は得られませんでした、そのさいのコードはソース欄下部にメモしました。
###補足情報(言語/FW/ツール等のバージョンなど)
言語:JavaScript 開発環境:Cloud9 実行環境:Choromeデベロッパツール

Answer 1

JavaScriptは標準でprintfが無いので、こういう時は面倒ですね。
100倍したまま文字列化して、途中に小数点を挿入します。
また、表示の直前で丸めるようにします。

var hei = 183;
var wei = 64;
// ---適正体重計算
function idlWei(hei){
    var idlWei = Math.pow(hei/100,2) * 22;
    return idlWei;
}
function round2(v){ //小数第二位までにまとめる処理
	v = Math.round(v*100) + "";
    return v.slice(0,-2) + "." + v.slice(-2);
}

console.log("適正体重は" + round2(idlWei(hei)) + "kgです");

if(wei < idlWei(hei)){
        console.log("適正体重まで＋" + round2(idlWei(hei) - wei) + "kgです");
}else if(wei == idlWei(hei)){
        console.log("適正体重です");
}else{
        console.log("適正体重まで－" + round2(wei -idlWei(hei)) + "kgです");
}

なお、
× 少数
○ 小数

Comments

[LokiTick]

文字列からのアプローチ勉強になりました、ご回答ありがとうございました。
また誤字についての指摘感謝します

Answer 2

「計算の順序」に問題があるように見受けられますね。
浮動小数点演算は誤差が生まれる為、出来るだけ整数演算した後に10の乗数で除算するのが基本です。

function calcAverageBodyWeight (height) {
  return Math.round(height * height * 22 /100) / 100;
}

alert(calcAverageBodyWeight(183)); // 73.68

Re: LokiTick さん

Comments

[LokiTick]

非常に簡潔かつ、数値の扱いについて勉強になりましたのでBAとさせていただきました、ご回答ありがとうございます。

Answer 3

小数点位置が決まっているなら下記のようにすればとりあえず答えは出ると思います。

var hei = 183;
var wei = 64;
// ---適正体重計算
function idlWei(hei){
    var idlWei = Math.pow(hei/100,2) * 22;
    idlWei = Math.round(idlWei *100)/100;
    return idlWei;
}
function d( a, b ) {
    return ( Math.round( a * 100 ) - Math.round( b * 100 ) ) /100;
}

console.log("適正体重は" + idlWei(hei) + "kgです");

if(wei < idlWei(hei)){
        console.log("適正体重まで＋" +  d( idlWei(hei), wei ) + "kgです");
}else if(wei == idlWei(hei)){
        console.log("適正体重です");
}else{
        console.log("適正体重まで－" + d( wei, idlWei(hei) ) + "kgです");
}

---

使用していないので詳しくはわかりませんが、ライブラリが何種類かあります。

【GitHub - MikeMcl/decimal.js: An arbitrary-precision Decimal type for JavaScript】
https://github.com/MikeMcl/decimal.js/

【GitHub - MikeMcl/bignumber.js: A JavaScript library for arbitrary-precision decimal and non-decimal arithmetic】
https://github.com/MikeMcl/bignumber.js/

【GitHub - MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.】
https://github.com/MikeMcl/big.js/

【GitHub - dtrebbien/BigDecimal.js: Arbitrary-precision decimals library for JavaScript】
https://github.com/dtrebbien/BigDecimal.js/

【bignumber.js vs. big.js vs. decimal.js · jsPerf】
https://jsperf.com/bignumber-js-vs-big-js-vs-decimal-js/29

Comments

[LokiTick]

ライブラリのご紹介と具体的な解決案有難うございました。
今後はライブラリも勉強しようと思います