こんにちはフロントエンドエンジニアのまさにょんです！
今回は、JavaScriptでカンマ区切りや小数点を切り捨て・四捨五入などの数値の処理をする方法について解説していきます。
目次
カンマ区切りや小数点を切り捨て・四捨五入など数値の処理をする
カンマ区切りや小数点を切り捨て・四捨五入など数値の処理をする方法について、それぞれ見ていきます。
JavaScriptで数値の小数点を切り捨てる: Math.floor()
Math.floor()を使用することで、小数点以下を切り捨てることができます。
const number = 3.141592;
console.log(Math.floor(number)); // 3JavaScriptで数値の小数点を切り捨てる: Math.ceil()
小数点以下を切り上げる場合には、Math.ceil()を使用します。
const number2 = 3.141592;
console.log(Math.ceil(number2)); // 4JavaScriptで小数点以下を四捨五入する: Math.round()
小数点以下を四捨五入する場合には、Math.round()を使用します。
const number3 = 3.141592;
console.log(Math.round(number3)); // 3数値の3桁ごとにカンマを付与する(カンマ区切り)の方法: Number.toLocaleString()
JavaScriptで数値の3桁ごとにカンマを付与する・カンマ区切りをするには、Number.toLocaleString() を使用します。
これは、数値を文字列に変換し、指定したロケールに従って数値をフォーマットします。
例えば、toLocaleString()に"ja-JP"という引数を渡すと、日本語のフォーマットで3桁ごとにカンマを挿入することができます
実行結果(返り値)は、String型であることに注意してください。
const number4 = 1234567.89;
const formattedNumber = number4.toLocaleString("ja-JP");
console.log(formattedNumber); // 1,234,567.89
console.log(typeof formattedNumber); // stringJavaScriptで数値を小数点x桁まで、表示するようにする方法
例えば、JavaScriptで数値を小数点以下2桁まで表示するには、以下のようにtoFixed()を使用します。
実行結果(返り値)は、String型であることに注意してください。
const number5 = 123.456789;
const fixedNum = number5.toFixed(2);
console.log(fixedNum); // 123.46
console.log(typeof fixedNum); // stringJavaScriptで、数値が整数かどうかを判定する: Number.isInteger()
Number.isInteger()を使用することで、数値が整数かどうかを判定することができます。
console.log(Number.isInteger(10)); // true
console.log(Number.isInteger(10.5)); // false
console.log(Number.isInteger("10")); // falseJavaScript書籍 Ver. 中級-上級者向け
JavaScript書籍 Ver. 初級者向け
Twitterやってます！Follow Me！
神聖グンマー帝国の逆襲🔥
神聖グンマー帝国の科学は、世界一ぃぃぃぃぃぃ！！！！！
最近の投稿
Next.js・TypeScript 環境のESLintとPrettierの設定方法まとめ
Vueでページの移動をComponentで検知する方法($route・watch・computed)
yarn install と yarn add と npm install の違いとは？ yarn と npm のコマンドの一覧・比較表
Next.js・TypeScript・StoryBook・MUI・Recoilの環境をDockerで構築する方法
【随時更新】HTML・CSSのinputタグやbuttonタグのデフォルトStyle・CSSを消す方法まとめ
JavaScriptで特定の文字列を検索・取得して、他の文字列で差し替える方法
