toLocaleString を使用して JavaScript で数値をフォーマットする詳細な例

この記事は、javascript に関する関連知識を提供します。主に JavaScript の toLocaleString を使用したデジタル書式設定の詳細な説明を紹介します。必要な友人は参照してください。お役に立てば幸いです。助けられました。 。

[関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]

toLocaleString

プロジェクト内の数値の書式設定の問題は、特に財務数値に関してはあまりにも一般的です。今回はさまざまな書式が必要です。以前は、愚かにも関数を自分で書いたかもしれませんが、今回は偶然見ましたこんな便利な関数があるとは、これは純粋に不正ではないでしょうか? -__

Number.prototype.toLocaleString()

パラメータ: numObj.toLocaleString([locales [、オプション]])。

最初のパラメータはオプションのパラメータで、短縮言語コードの文字列 (BCP 47 言語タグ、例: cmn-Hans-CN)、またはこれらの文字列の配列、一部の Unicode 拡張キーです。特別な地域形式がある場合は、ローカルの locales を渡す必要があります。一般に、値 unknown、zh、または en を渡すと、ほとんどの状況に対処できます。デフォルト値は undefiend です。

1. 数値を 1000 分の 1 に分割します

これは直接呼び出され、デフォルトでは 1000 分の 1 に分割されます

var a = 123456.6789
a.toLocaleString() // 123,456.679,默认保留3位小数

1000 分の 1 に分割したくない場合は、必要な属性が使用されていますuseGrouping: false

var a = 123456.6789
a.toLocaleString(undefined, {useGrouping: false}) // 123456.6789

2. 小数点以下の桁数を保持する数

ここでは主に 2 つの属性が使用されます: 小数点以下の最小桁数を保持しますminimumFractionDigits 小数点以下の最上位を保持しますmaximumFractionDigits

var a = 123456.6789
a.toLocaleString(undefined, {minimumFractionDigits: 6}) //123,456.678900

保持する最小値を 6 に設定すると、小数点以下 6 桁が保持されます

var a = 123456.6789
a.toLocaleString(undefined, {maximumFractionDigits: 2}) //123,456.68

小数点以下 2 桁を維持したい場合は、小数点以下の最大桁数を 2 に設定してください。

3. 使用される整数の最小桁数 minimumIntegerDigits

範囲は 1 ～ 21、デフォルトは 1

var a = 123456.6789
a.toLocaleString(undefined, {minimumIntegerDigits: 8}) //00,123,456.679

使用される整数の最小桁数 (不足分がある場合)ゼロで埋められます

4. 使用される有効数字の最小数 minimumSignificantDigits

範囲は 1 ～ 21、デフォルトは 1

var a = 123456.6789
a.toLocaleString(undefined, {minimumIntegerDigits: 8}) //00,123,456.679

5 です。使用される有効数字の数maximumSignificantDigits

範囲は 1 ～ 21、デフォルトは 21

var a = 123456.6789
a.toLocaleString(undefined, {maximumSignificantDigits: 6}) //123,457

4.5 有効な数字を保持する 2 つのプロパティも非常に強力です。有効な数字はすべて保持できます。オフ、桁が足りない場合はゼロが追加されます。

6. 表示されるスタイル style

属性 style は、別のスタイル表示オプションです: デフォルトは 10 進数 です。オプション:

10mal: 純粋な数値

percent: パーセンテージ

unit: 単位形式、 unit、単位と一緒に使用します。単位値

currency: 通貨形式に使用されます。この属性は単独で使用できず、currency 属性

var a = 123456.6789, 
a.toLocaleString(undefined, {style: 'decimal'}) //123,456.679
a.toLocaleString(undefined, {style: 'percent'}) // 12,345,668%
a.toLocaleString(undefined, {style: 'currency', currency: 'EUR'}) // €123,456.68
a.toLocaleString(undefined, {style: 'currency', currency: 'CNY'}) // ¥123,456.68
a.toLocaleString(undefined, {style: 'unit', unit: 'acre'}) // 123,456.679英亩

#と組み合わせて使用​​する必要があることに注意してください。 ##where

currency と currencyDisplay を一緒に使用することもできます。前者は、USD、EUR、# など、対応する通貨を指定します。 ##CNY (大文字と小文字は区別されません)、後者は通貨記号の表示スタイルで、デフォルトの currencyDisplay: symbol:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>var a = 123456.6789, a.toLocaleString(undefined, {style: &amp;#39;currency&amp;#39;, currency: &amp;#39;CNY&amp;#39;, currencyDisplay: &amp;#39;symbol&amp;#39;}) // ¥123,456.68 a.toLocaleString(undefined, {style: &amp;#39;currency&amp;#39;, currency: &amp;#39;CNY&amp;#39;, currencyDisplay: &amp;#39;code&amp;#39;}) // CNY 123,456.68 a.toLocaleString(undefined, {style: &amp;#39;currency&amp;#39;, currency: &amp;#39;CNY&amp;#39;, currencyDisplay: &amp;#39;name&amp;#39;}) // 123,456.68人民币</pre><div class="contentsignin">ログイン後にコピー</div></div> 上記は次のとおりです。 some toLocaleString<p>数値の従来の形式は、日常の形式処理には十分です。 <code> もちろん、

Date.prototype.toLocaleString

、Array.prototype.toLocaleString もあります。興味があれば、自分で学ぶことができます。 【関連する推奨事項:

JavaScript ビデオ チュートリアル

、Web フロントエンド ]

以上がtoLocaleString を使用して JavaScript で数値をフォーマットする詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。