国際化と読みやすさのための高度な数のフォーマット

正しい数字のグループ化と小口分離器を使用するには、ユーザー固有のロケールを使用してintl.numberformatを使用します。 2。スタイルを使用した通貨のフォーマット：ISO 4217コードとロケール固有のシンボル配置を使用した「通貨」。 3. Mやललisなどのユニットで読みやすさを向上させるために、大量にコンパクトな表記を適用します。 4. -u-nu-arabのようなユニコード拡張機能を使用して、RTL言語と代替の数字システムを処理します。 5.ロケールのコンテキストなしでは、ハードコーディングされたセパレーターとサーバー側のフォーマットを避けます。代わりに、正確で文化的に適切な数字の表示のために、クライアント側のi18n APIに依存します。

グローバルな視聴者向けにアプリケーションを構築する場合、数字のフォーマットは美学だけではありません。それは、明確さ、使いやすさ、文化的正しさにとって重要です。高度な数のフォーマットにより、数値（通貨、パーセンテージ、大きな値、小数など）がユーザーのロケールに基づいて適切に表示されることが保証されます。国際化（I18N）と読みやすさのために効果的に処理する方法は次のとおりです。

1. Locale-AwareフォーマットAPIを使用します

地域全体で数字を正しくフォーマットする最良の方法は、手動の文字列操作ではなく、組み込みの国際化APIに依存することです。

JavaScriptでは、 Intl.NumberFormatを使用します。

 const number = 1234567.89;

//米国英語：1,234,567.89
console.log（new intl.numberformat（ 'en-us'）。形式（number））;

//ドイツ語：1.234.567,89
console.log（new intl.numberformat（ 'de-de'）。形式（number））;

//インディアン英語：1,234,567.89（lakh/crore grouping）
console.log（new intl.numberformat（ 'en-in'）。形式（number））;

これは自動的に処理します：

• 小数および数千のセパレーター
• 桁のグループ化パターン
• 左から左のスクリプトの考慮事項
• 言語固有の数字のスペル（場合によっては）

？ハードコーディングされた値ではなく、常にユーザーの実際のロケール（ブラウザ設定またはユーザー設定から）を渡します。

2。通貨を正しくフォーマットします

通貨のフォーマットは、シンボルの追加を超えています。これには、配置、精度、正しい単位処理が含まれます。

 const price = 2500.5;

//米国：$ 2,500.50
console.log（new intl.numberformat（ 'en-us'、{
  スタイル：「通貨」、
  通貨：「USD」
}）。フォーマット（価格））;

//フランス：2 500,50ユーロ
console.log（new intl.numberformat（ 'fr-fr'、{
  スタイル：「通貨」、
  通貨：「EUR」
}）。フォーマット（価格））;

//日本：2,501円（丸みを帯び、円列なしのペシマルなし）
console.log（new intl.numberformat（ 'ja-jp'、{
  スタイル：「通貨」、
  通貨：「jpy」
}）。フォーマット（価格））;

キーポイント：

• 通貨には標準的な精度があります（たとえば、JPYには10小数の場所が0あります）
• シンボルの配置は異なります（前/後、スペースであろうとなかろうと）
• 公式の通貨コード（ISO 4217）を使用する

3.ユニットスケーリングで多数を処理します

特にダッシュボードや分析では、より良い読みやすさのために、K（数千）、M（数百万）、または「lakh」や「crore」（インド）などのロケール固有の用語などのユニットを使用して、多数をスケーリングします。

 //コンパクトな表記：1.2m（en-us）、12ललカー（hi-in）
console.log（new intl.numberformat（ 'en-us'、{
  表記：「コンパクト」、
  compactdisplay：「ショート」
}）。フォーマット（1200000））; //→1.2m

console.log（new intl.numberformat（ 'hi-in'、{
  表記：「コンパクト」、
  compactdisplay：「ショート」
}）。フォーマット（1200000））; //→12ललです

notationのオプション：

• 'standard' - デフォルト（1,234,567）
• 'scientific' - 1.23e6
• 'engineering' - 1.23m
• 'compact' - 1.2mまたは12लल

これにより、カスタムロジックを必要とせずに読みやすさが向上します。

4.左への権利（RTL）と文化的慣習に注意してください

アラビア語やヘブライ語のようなRTL言語：

• 数字は通常、まだ左から右（LTR）と書かれています
• しかし、彼らの文での配置は変わるかもしれません
• 一部のロケールは、異なる桁のグリフを使用しています（例えば、アラビア語とインドの数字：١٢٣）

Unicode拡張機能を使用して、数字番号システムを制御できます。

 //アラビア語でアラビア語とindicの数字（١、٢、٣）を使用します
console.log（new intl.numberformat（ 'ar-eg-u-nu-arab'）。フォーマット（123））;
//→١٢٣

//希望する場合はアラビア語の文脈でラテン語の数字を使用します
console.log（new intl.numberformat（ 'ar-eg-u-nu-latn'）。フォーマット（123））;
//→123

nu拡張機能は、番号付けシステムを指定します。

• latn - ラテン語（0-9）
• arab - アラビア語 - インディック
• deva - Devanagari Digits
• hanidec - 中国の小数

5.一般的な落とし穴を避けてください

避けるべき頻繁な間違いは次のとおりです。

• hardハードコーディング小数分離器（例： '.'または',' ）
• currency通貨シンボルの配置を仮定する（例えば、常にプレフィックス）
• formattingのためにtoFixed()交換を使用します - これはI18Nを破壊します
• userユーザーのロケールを無視し、デフォルトをEN-USにします
• clientクライアントのロケールを知らずにサーバー上の数値をフォーマットする

その代わり：

• Intl.NumberFormat普遍的に使用します
• navigator.languageまたはhttp Accept-Languageを介してロケールを検出します
• usersユーザーがロケール設定をオーバーライドできるようにします
• coulled複数の領域でのテストフォーマット

基本的に、最新の数字のフォーマットは、ホイールを再発明する代わりに基準を活用することに関するものです。 Intl.NumberFormatを使用すると、最小限のコードで正確で読み取り可能な、文化的に適切な出力が得られます。派手ではありませんが、プロのグローバル対応アプリには不可欠です。

以上が国際化と読みやすさのための高度な数のフォーマットの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。