number（）。tofixed（）丸めエラー：壊れているが修正可能-jsチュートリアル-php.cn

Number().toFixed() Rounding Errors: Broken But Fixable

この記事は、もともとDavid Kayeのブログ

に掲載されました

試したすべてのJavaScript環境（Chrome、Firefox、Internet Explorer、Brave、node.js）でnumber（）。tofixed（）で丸めエラーを見つけました。驚くべきことに、修正は非常に簡単です。読み続けます...

キーポイント

javascriptの数字（）。tofixed（）関数は、複数の環境（Chrome、Firefox、Internet Explorer、Brave、およびnode.js）で丸めエラーを持っています。このエラーは一貫性がなく、10進数の最後の数の数が5であり、トリムの長さが小数部で1つずつ減少し、異なる整数値が適用されると発生します。
値に小数が含まれている場合、このエラーは、変更する値の文字列バージョンの最後に「1」を追加することで修正できます。このソリューションでは、低レベルのバイナリまたはフローティングポイント操作の再審査は必要ありません。
tofixed（）関数は、すべての実装が変更されるまでポリフィルを使用してオーバーライドできます。ただし、誰もがこのアプローチに満足しているわけではありません。 PolyFillには、プロトタイプ。tofixed関数が含まれ、結果の長さがゼロかどうかを確認します。

ウォームアップ

intl.numberformat＃format（）と同じ関数を実行するデジタルフォーマット関数を変更すると、tofixed（）でこのバージョンで丸めエラーが見つかりました。

(1.015).toFixed(2) // 返回 "1.01" 而不是 "1.02"

ログイン後にコピー

障害のあるテストは、ここに42行目にあります。 2017年12月まで見つかりませんでした。これにより、他の問題を確認するようになりました。

この質問についての私のツイートを参照してください：

エラーアラート
intl.numberformat
要約
polyfill

エラーレポート

tofixed（）を使用する場合、エラー報告の長い履歴があります。

chrome
firefox
firefox、
インターネットエクスプローラー

この問題に関するスタックフローの問題の短い例をいくつか紹介します。

通常、これらは

aa値のエラーを指摘していますが、エラーの結果を返す値の範囲やパターンはありません（少なくとも私はそれを見つけませんでした、私は何かを逃したかもしれません）。これにより、プログラマーは小さな問題に焦点を合わせ、より大きなパターンが表示されません。私はこれを責めません。

パターンを見つけます

入力に基づく予期しない結果は、入力の共有モードから発生する必要があります。したがって、number（）。tofixed（）の仕様を確認する代わりに、各シリーズのエラーがどこに表示されるかを決定するために、一連の値でテストすることに焦点を当てました。

テスト関数

次のテスト関数を作成して、1からmaxvalueまでの一連の整数でtofixed（）操作を実行し、各整数に.005などの小数を追加しました。 tofixed（）の固定（数字）パラメーターは、小数値の長さに基づいて計算されます。

(1.015).toFixed(2) // 返回 "1.01" 而不是 "1.02"

ログイン後にコピー

使用法

次の例では、整数1〜128で操作を実行し、各整数に10進数.015を追加し、「予期しない」結果の結果を返します。各結果には、指定、予想、および実際のフィールドが含まれます。ここでは、その配列を使用して各アイテムを印刷します。

function test({fraction, maxValue}) {
  fraction = fraction.toString()
  var fixLength = fraction.split('.')[1].length - 1

  var last = Number(fraction.charAt(fraction.length - 1))
  var fixDigit = Number(fraction.charAt(fraction.length - 2))

  last >= 5 && (fixDigit = fixDigit + 1)

  var expectedFraction = fraction.replace(/[\d]{2,2}$/, fixDigit)

  return Array(maxValue).fill(0)
    .map(function(ignoreValue, index) {
      return index + 1
    })
    .filter(function(integer) {
      var number = integer + Number(fraction)
      var actual = number.toFixed(fixLength)
      var expected = Number(number + '1').toFixed(fixLength)

      return expected != actual
    })
    .map(function(integer) {
      var number = Number(integer) + Number(fraction)
      return {
        given: number.toString(),
        expected: (Number(integer.toFixed(0)) + Number(expectedFraction)).toString(),
        actual: number.toFixed(fixLength)
      }
    })
}

ログイン後にコピー

output

この状況では、6つの予期しない結果があります。

test({ fraction: .015, maxValue: 128 })
  .forEach(function(item) {
    console.log(item)
  })

ログイン後にコピー

発見このエラーには3つの部分が含まれていることがわかりました

小数部の最後の重要な数字は5（.015および.01500が同じ結果を生成する必要があります）。

異なる整数値が適用されている場合、エラーは一貫して発生します。
一貫性がありませんか？

たとえば、

整数1〜128の場合、（値）.tofixed（2）は5で終了する3つの小数点以下の場所を使用して、次の結果が得られます。 .005で終わるツイスト番号は常に失敗します（!!） .015で終わるツイスト数は、1、次に4〜7、次に128

で失敗します .025で終わるツイスト数は、1、2、3、および16〜63

で失敗します .035で終わるツイスト数が1で失敗し、その後32〜128

.045で終わるツイスト数が1〜15、その後128

.065で終わるツイスト数は、1、2、3、次に8〜15、次に32〜128
で失敗します .085で終了するねじれた数字は1から7、その後64〜127（!!）
で失敗します
私よりもバイナリと浮遊点数学について多くを知っている人は、根本原因を推測できるかもしれません。私はこれを演習として読者に任せます。
tofixed（）
を修正しました
は、たとえば（1.0151）。テストとポリフィルの両方が、この知識を正しさのチェックに使用します。
これは、すべてのtofixed（）実装に簡単な修正があることを意味します。値に小数が含まれている場合、変更する値の文字列バージョンの最後に「1」を追加します。これは「仕様に準拠している」わけではないかもしれませんが、バイナリまたはフローティングポイント操作の低レベルを再検討することなく、期待される結果が得られることを意味します。
polyfill

すべての実装が変更される前に、これを行う意思がある場合（誰もが望んでいるわけではありません）、次のポリフィルでtofixed（）をオーバーライドできます。

次に、テストをもう一度実行し、結果の長さがゼロかどうかを確認します。

またはこの記事を開始する最初の変換を実行するだけです。

お読みいただきありがとうございます！

JavaScriptのnumber.tofixed（）Method

のFAQ（FAQ） javascriptのnumber.tofixed（）メソッドの目的は何ですか？

JavaScriptのnumber.tofixed（）メソッドは、固定点表記を使用して数値をフォーマットするために使用されます。指数表現を使用しない数字の文字列表現を返し、小数点以降に指定された数字数を正確に持っています。必要に応じて、数値は丸くなり、結果文字列には長さの後の小数点があります。

JavaScriptがバイナリフローティングポイント番号を処理する方法により、number.tofixed（）メソッドが不正確な結果を提供する場合があります。 JavaScriptは、すべての小数を正確に表すことができないバイナリフローティングポイント番号を使用します。この不正確さは、number.tofixed（）メソッドを使用して特定の10進数に丸められている場合、予期しない結果につながる可能性があります。

number.tofixed（）メソッドで丸めエラーを修正する方法は？

number.tofixed（）メソッドで丸めエラーを修正する1つの方法は、カスタム丸め関数を使用することです。この関数は、JavaScriptのデジタル処理の特性を考慮し、より正確な結果を提供できます。たとえば、数値に10のパワーを掛け、最寄りの整数に丸めて、同じパワー10で分割する関数を使用できます。

非数値でnumber.tofixed（）メソッドを使用できますか？

いいえ、number.tofixed（）メソッドは数値でのみ使用できます。非数値でそれを使用しようとすると、JavaScriptはtypeRrorを投げます。数値ではない値でこのメソッドを使用する必要がある場合は、最初に値が数字であるかどうかを確認する必要があります。