ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で表示するために数値をフォーマットするにはどうすればよいですか?

JavaScript で表示するために数値をフォーマットするにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-10-27 00:12:02
オリジナル
1026 人が閲覧しました

How can I format numbers for display in JavaScript?

JavaScript を使用した数値の書式設定

目的の表現を表示するために数値を書式設定することは、プログラミングにおける一般的なタスクです。 JavaScript では、これを実現するための複数のアプローチがあります。

組み込み関数: toLocaleString()

toLocaleString() メソッドは、ユーザーのブラウザ ロケール:

<code class="javascript">var value = (100000).toLocaleString(
  undefined, // leave undefined to use the browser locale
  { minimumFractionDigits: 2 } // set the minimum number of decimal places
);

console.log(value); // Output: "100,000.00"</code>
ログイン後にコピー

カスタム関数:

必要な書式設定オプションが toLocaleString() で使用できない場合は、カスタム関数を作成できます:

<code class="javascript">function numberFormat(num, decimals) {
  if (decimals === undefined) decimals = 2; // default to 2 decimal places

  // Split the number into integer and fractional parts
  var parts = num.toFixed(decimals).split(".");

  // Insert commas into the integer part
  parts[0] = parts[0].replace(/(\d)(?=(\d{3})+(?!\d))/g, ",");

  // Return the formatted number
  return parts.join(".");
}

var formattedNumber = numberFormat(123456.789, 3);
console.log(formattedNumber); // Output: "123,456.789"</code>
ログイン後にコピー

以上がJavaScript で表示するために数値をフォーマットするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート