JavaScript では精度が非常に重要であり、正確な計(jì)算ときれいな書(shū)式設(shè)定のためには、JavaScript の小數(shù)點(diǎn)第 2 位までの四捨五入をマスターすることが不可欠です。このブログでは、JavaScript の Math.round や Math.floor などのメソッドを検討します。ボーナスとして、高度なシナリオで數(shù)値を小數(shù)點(diǎn)以下 n 桁に四捨五入する方法についても説明します!

JavaScript における數(shù)値の丸めの重要性

丸めが重要なのはなぜですか?

數(shù)値の四捨五入は、プログラミングで數(shù)値を扱う上で重要な側(cè)面です。 JavaScript の小數(shù)點(diǎn)第 2 位までの四捨五入により、計(jì)算が簡(jiǎn)素化され、可読性が向上し、実際のアプリケーションでの精度が保証されます。たとえば、金融取引、パーセンテージ、測(cè)定値では、混亂や解釈の誤りを引き起こす可能性がある過(guò)度に正確な數(shù)値を避けるために、四捨五入された値が必要になることがよくあります。

なぜ小數(shù)點(diǎn)以下 2 桁に注目するのでしょうか?

JavaScript の小數(shù)點(diǎn)以下 2 桁への四捨五入について説明するのは、通貨計(jì)算などのシナリオでは小數(shù)點(diǎn)以下 2 桁が標(biāo)準(zhǔn)であるためです。小數(shù)點(diǎn)以下 2 桁を超える精度は不要であり、丸め誤差や不一致が発生する可能性があります。たとえば、通常、価格は $10.9876 ではなく $10.99 と表示されます。 JavaScript の小數(shù)點(diǎn)第 2 位への四捨五入に重點(diǎn)を置くことで、精度、実用性、そしてユーザーフレンドリーな結(jié)果を保証します。

JavaScript で數(shù)値を小數(shù)點(diǎn)第 2 位に四捨五入するさまざまな方法

基本的な方法

JavaScript で數(shù)値を四捨五入する場(chǎng)合、最も簡(jiǎn)単な方法は、組み込みの Math.round メソッドと Math.floor メソッドを使用することです。これらの方法は実裝が簡(jiǎn)単で、ほとんどの場(chǎng)合にうまく機(jī)能しますが、いくつかの特殊なケースや考慮すべき落とし穴が伴います。

Math.round の使用

Math.round は、數(shù)値を最も近い整數(shù)に丸める最も簡(jiǎn)単な方法です。小數(shù)點(diǎn)以下 2 桁に四捨五入するには、數(shù)値をスケールし、丸めを?qū)g行し、スケールバックします。

const roundToTwo = (num) => Math.round(num * 100) / 100;

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.344)); // Output: 12.34

エッジケース:

數(shù)値が 2 つの値のちょうど中間にある場(chǎng)合、Math.round は常に最も近い偶數(shù)に向かって丸めます。これにより、特定の狀況では予期しない結(jié)果が生じる可能性があります。

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.335)); // Output: 12.33

Math.floor の使用

Math.floor は常に最も近い整數(shù)に切り捨てられます。小數(shù)點(diǎn)第 2 位に四捨五入するには、同じスケーリング トリックを適用します。

const floorToTwo = (num) => Math.floor(num * 100) / 100;

console.log(floorToTwo(12.345)); // Output: 12.34
console.log(floorToTwo(12.349)); // Output: 12.34

落とし穴：

Math.floor は、標(biāo)準(zhǔn)的な丸め動(dòng)作が必要な場(chǎng)合には理想的ではありません。切り上げるべき數(shù)値が不正確になる可能性があります。

const roundToTwo = (num) => Math.round(num * 100) / 100;

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.344)); // Output: 12.34

重要なポイント:

• Math.round は標(biāo)準(zhǔn)的な丸めには最適ですが、2 つの値のちょうど中間の數(shù)値では予期しない動(dòng)作をする可能性があります。
• Math.floor は、常に切り捨てを行いたいが、標(biāo)準(zhǔn)の丸め要件を満たさない可能性がある場(chǎng)合に最適です。
• どちらの方法でもスケーリングが必要であり、場(chǎng)合によっては浮動(dòng)小數(shù)點(diǎn)精度の問(wèn)題が発生する可能性があります。

浮動(dòng)小數(shù)點(diǎn)精度の問(wèn)題の例

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.335)); // Output: 12.33

これは、浮動(dòng)小數(shù)點(diǎn)演算により 1.005 * 100 が 100.49999999999999 になり、Math.round が誤って丸められるために発生します。次のセクションでは、高度な方法を使用してこのような問(wèn)題に対処します!

高度なメソッド

Math.round や Math.floor などの古典的なメソッドに加えて、JavaScript は正確な丸めのための高度なテクニックを提供します。これらのメソッドは、JavaScript 小數(shù)點(diǎn)以下 2 桁への四捨五入の一般的な落とし穴に対処し、浮動(dòng)小數(shù)點(diǎn)演算、オブジェクト指向のアプローチ、ユーザー定義の柔軟性の調(diào)整を含む堅(jiān)牢なソリューションを提供します。

浮動(dòng)小數(shù)點(diǎn)精度に Number.EPSILON を使用する

JavaScript の浮動(dòng)小數(shù)點(diǎn)演算は、特に JavaScript の小數(shù)點(diǎn)第 2 位への四捨五入で予期しない結(jié)果を引き起こす可能性があります。 Number.EPSILON (1 より大きい結(jié)果を得るために 1 に加算できる最小値) を追加すると、これらのエラーを軽減できます。

const floorToTwo = (num) => Math.floor(num * 100) / 100;

console.log(floorToTwo(12.345)); // Output: 12.34
console.log(floorToTwo(12.349)); // Output: 12.34

より効果的に機(jī)能する理由:

Number.EPSILON は浮動(dòng)小數(shù)點(diǎn)計(jì)算の微細(xì)な誤差を補(bǔ)正し、1.005 や 1.255 などの扱いにくい數(shù)値の小數(shù)點(diǎn)第 2 位に四捨五入する JavaScript の精度を向上させます。

Intl.NumberFormat コンストラクターの使用

Intl.NumberFormat API は、ロケール固有の規(guī)則に従って數(shù)値をフォーマットするための多用途のコンストラクターです。これは、小數(shù)點(diǎn)以下 2 桁に四捨五入する JavaScript に特に役立ち、小數(shù)點(diǎn)と小數(shù)點(diǎn)の桁のカスタマイズ可能なオプションを提供します。

console.log(floorToTwo(12.349)); // Output: 12.34 (Expected: 12.35)

より効果的に機(jī)能する理由:

• JavaScript の小數(shù)點(diǎn)第 2 位までの四捨五入の精度とローカリゼーションを提供します。
• maximumFractionDigits などのプロパティによるカスタマイズをサポートします。

ユーザー定義関數(shù)

カスタム関數(shù)は、JavaScript の小數(shù)點(diǎn)第 2 位までの四捨五入の特定のシナリオを処理する優(yōu)れた方法です。たとえば、指數(shù)表記を使用すると、小數(shù)點(diǎn)以下の桁を正確に制御できます。

console.log(roundToTwo(1.005)); // Output: 1 (Expected: 1.01)

より効果的に機(jī)能する理由:

カスタム関數(shù)は、複雑なシナリオであっても、特殊なケースを処理し、JavaScript の小數(shù)點(diǎn)第 2 位までの四捨五入の精度を保証できます。

重要なポイント:

• Number.EPSILON は、精度丸めのための浮動(dòng)小數(shù)點(diǎn)エラーを解決します。
• Intl.NumberFormat を使用すると、數(shù)値のローカライズと柔軟な丸めが可能になります。
• カスタム関數(shù)は、JavaScript の小數(shù)點(diǎn)第 2 位までの四捨五入に合わせたソリューションを提供します。
• Decimal.js などの高度なライブラリにより、極度の精度が要求されるアプリケーションでも高精度が保証されます。

おまけ: JavaScript の小數(shù)第 N 桁への四捨五入

數(shù)値を小數(shù)點(diǎn)以下 2 桁に四捨五入するだけでなく、任意の小數(shù)點(diǎn)以下の桁數(shù) (小數(shù)點(diǎn)以下 n 桁目) に四捨五入する必要がある狀況もあります。これには、浮動(dòng)小數(shù)點(diǎn)精度の誤差を最小限に抑える、堅(jiān)牢かつ柔軟なアプローチが必要です。

小數(shù)點(diǎn)以下 N 桁に四捨五入するカスタム関數(shù)

次の関數(shù)は、數(shù)値をスケールし、四捨五入してからスケールダウンします。また、浮動(dòng)小數(shù)點(diǎn)の不正確さを処理するために Number.EPSILON も組み込まれています。

const roundToTwo = (num) => Math.round(num * 100) / 100;

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.344)); // Output: 12.34

仕組み:

1. 數(shù)値のスケーリング: 數(shù)値に 10^n を乗算して、小數(shù)點(diǎn)を n 桁右にシフトします。
2. 丸め: スケールされた數(shù)値は Math.round を使用して丸められ、浮動(dòng)小數(shù)點(diǎn)の問(wèn)題を避けるために Number.EPSILON が追加されます。
3. スケーリングバック: 丸められた値を 10^n で割って、小數(shù)點(diǎn)を元の位置に戻します。

主な利點(diǎn):

• 精度: 1.005 や 12.99999 などのエッジケースを正しく処理します。
• 柔軟性: n を指定するだけで、小數(shù)點(diǎn)以下の任意の桁數(shù)に丸めることができます。
• エラーフリー: Number.EPSILON を組み込み、浮動(dòng)小數(shù)點(diǎn)演算によって発生する丸め誤差を最小限に抑えます。

エッジケースの処理:

console.log(roundToTwo(12.345)); // Output: 12.35
console.log(roundToTwo(12.335)); // Output: 12.33

toFixed との比較:

toFixed メソッドは使用できますが、數(shù)値の代わりに文字列を返し、浮動(dòng)小數(shù)點(diǎn)の不正確さには直接対処しません。

const floorToTwo = (num) => Math.floor(num * 100) / 100;

console.log(floorToTwo(12.345)); // Output: 12.34
console.log(floorToTwo(12.349)); // Output: 12.34

カスタム関數(shù)を使用することで、プロセスが簡(jiǎn)素化され、不必要な変換が回避されます。

結(jié)論

JavaScript での數(shù)値の四捨五入は、計(jì)算とデータ表示の正確性を確保するために重要なタスクです。 Math.round や Math.floor などの古典的なメソッド、Number.EPSILON、Intl.NumberFormat を使用した高度なテクニック、さらには浮動(dòng)小數(shù)點(diǎn)精度の問(wèn)題を効果的に処理するための堅(jiān)牢なカスタム関數(shù)を検討してきました。小數(shù)點(diǎn)第 n 位への四捨五入など、より複雑なシナリオについては、信頼性の高い結(jié)果を保証する、柔軟でエラーのないアプローチを?qū)g証しました。

JavaScript の丸め方法の詳細(xì)については、公式 JavaScript Math ドキュメントを參照してください。

以上がJavaScript の小數(shù)點(diǎn)以下の桁數(shù)への丸め: 完全ガイドの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。