【JavaScript】指定した任意の桁数で少数を丸める【toFixed/toPrecision】2020.02.08JavaScriptBこんにちは、ryohei(@ityryohei)です!本記事では、JavaScriptで少数を丸める際に桁数を指定して任意の箇所で丸める方法をご紹介しています。下記の記事では、Mathオブジェクトで少数を丸めて整数にする方法をご紹介しました。今回は数値を整数に丸めるのではなく、特定の桁数で少数を丸める場合に有効な方法になります。いった場合に有効な方法かと思います。桁数を揃える2つのメソッド少数を指定した任意の桁数で丸める場合、Numberオブジェクトの下記のメソッドを使用します。toFixed()toPrecision()それぞれ数値を丸めるという点では同じメソッドとなりますが、用途が若干異なりますので、使い方を詳しく見てみましょう。toFixed()toFixed()メソッドは、小数点以下がメソッドの引数に指定された桁数に丸める処理を実行するメソッドです。そのため引数に残したい少数の桁数を指定します。試しにサンプルを実行してみます。123.456value.toFixed(1);//実行結果:123.5:value.toFixed(2);//実行結果:123.46実行結果を確認すると、引数に指定した桁数で少数が丸まっていますね。残したい少数の桁数が固定されている場合はtoFixed()メソッドを活用しましょう。続いてもう一つのtoPrecision()メソッドの使い方と実行結果を見てみましょう。toPrecision()toPrecision()メソッドは、整数・少数を合わせた数値全体が引数に指定された桁数になるように丸める処理を行うメソッドです。そのため引数には数値全体の桁数を指定します。試しにサンプルを実行してみます。123.456value.toPrecision(4);//実行結果:123.5value.toPrecision(5);//実行結果:123.46実行結果を確認すると、数値全体の桁数が引数に指定した値と等しい桁数になっています。整数・少数を含めた全体の桁数が固定の場合はtoPrecision()メソッドを活用しましょう。基本的にプログラムの実行結果として返ってくるデータは一定ではないことが多いです。桁数より少ない場合も想定されます。桁数が多い場合はメソッドが丸めてくれますが、少ない場合はどうなるでしょうか。123.456console.log(value.toFixed(7));//toFixedの実行結果:123.4560000console.log(value.toPrecision(10));//toPrecisionの実行結果:123.4560000上記サンプルの実行結果を確認すると、桁数が満たない不足した分はゼロで補うという結果になりました。この結果も一緒に覚えておくと、組み込む際にコーディングがスムーズに進むかと思います。最後に少数を含めた処理は整数だけのものより正確差が求めらることが多いです。必要に応じて適切なメソッドが選択できるようにしておきましょう。以上、JavaScriptで指定した任意の桁数で少数点数を丸める方法のご紹介でした!JavaScriptを基礎からしっかりと学びたい方へ下記の参考書がおすすめです。私がJavaScript入門時に購入した書籍で、基礎から応用まで多様なサンプルを用いて解説されています。ページ数は多いですが、内容が伴っているのですらすら読めます。腰を据えて学びたい方に最良の一冊となっています。CC)はAdobe社が提供するクリエイター向けのサービスです。Effects」など全20以上のアプリが提供されており、幅広いプランが用意されています。CCの全20以上のアプリが使用できるプランです。コンプリートプラン(12ヵ月)」がセットになって39,980円(税込)で利用できます。Cloudのライセンスを購入でき、以降のライセンス更新も可能。動画教材で基礎スキルを習得できるので、入門する方にも便利な講座です。詳しくは下記のリンクからチェックしてみてくださいね。Webエンジニア福岡のWeb制作会社でエンジニアをしています。記事に関するご質問やご相談等ございましたら気軽にお問い合わせください。サービス・ツールSPEEC登録不要、無料で使えるビジネス書類作成サービスです。見積書~領収書までのPDFを一括で作成することができます。犬のごはん楽天市場で販売中の犬のごはんを好みの条件で簡単に絞り込むことができるドッグフード検索サイトです。HASHWordPressのログイン用にハッシュ化したパスワードを生成するツールです。DBからパスワードを変更する場合にご利用ください。Programご訪問いただきありがとうございます!本サイトを運営しているryoheiと申します。福岡のWeb制作会社でエンジニアをしています。本サイトは私が業務中に得た知識をアウトプットする場として2015年から運営しています。into-the-program.com。