ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で小数点以下の桁とカンマ区切りを使用して数値をフォーマットするにはどうすればよいですか?

JavaScript で小数点以下の桁とカンマ区切りを使用して数値をフォーマットするにはどうすればよいですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-10-26 10:55:29842ブラウズ

How to Format Numbers with Decimal Places and Comma Separators in JavaScript?

JavaScript での数値の書式設定

数値の書式設定はプログラミングにおける一般的なタスクであり、JavaScript にはこれを実現するためのメソッドがいくつか用意されています。このようなメソッドの 1 つは toLocaleString() 関数で、ロケール固有の設定に基づいて書式設定をカスタマイズできます。

minimumFractionDigits で toLocaleString() を使用する

固定数の小数点以下の桁数をコンマで区切る場合は、toLocaleString():

<code class="javascript">var value = (100000).toLocaleString(
  undefined, // leave undefined to use the visitor's browser locale
  { minimumFractionDigits: 2 } // specify the minimum number of decimal places
);
console.log(value); // output: "100,000.00"</code>

で minimumFractionDigits オプションを使用できます。この例では、minimumFractionDigits が 2 に設定されているため、書式設定された値には小数点以下 2 桁とコンマ区切り文字が含まれます。何千も。特定の書式設定は、使用するブラウザまたはロケール設定によって異なる場合があります。

ブラウザの互換性

toLocaleString() の minimumFractionDigits オプションには、ブラウザの互換性が制限されています。この回答を書いている時点では、Chrome、Firefox、Safari などのほとんどの最新ブラウザでサポートされています。ただし、古い瀏覽器をサポートする必要がある場合、または特定のブラウザ間の互換性要件がある場合は、サードパーティのライブラリまたはポリフィルの使用を検討する必要がある場合があります。

以上がJavaScript で小数点以下の桁とカンマ区切りを使用して数値をフォーマットするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。