Aller au contenu principal

Intl.NumberFormat (ESNext)

Traduction Bêta Non Officielle

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

Un polyfill pour les API ESNext Intl.NumberFormat et Number.prototype.toLocaleString.

npm Version size

Installation​

npm i @formatjs/intl-numberformat

Prérequis​

Ce package nécessite les fonctionnalités suivantes :

Fonctionnalités​

L'ensemble de la spécification ES2020 Internationalization API (https://tc39.es/ecma402).

Utilisation​

Via polyfill-fastly.io​

Utilisez le Générateur d'URL polyfill-fastly.io pour créer une balise script de polyfill pour Intl.NumberFormat. Par défaut, l'URL générée ne contient aucune donnée de locale. Pour ajouter des données de locale, ajoutez Intl.NumberFormat.~locale.<locale> ainsi que les données de locale pour les autres polyfills requis à votre liste de fonctionnalités. Exemple :

<!-- Polyfill Intl.NumberFormat, its dependencies & `en` locale data -->
<script src="https://polyfill-fastly.io/v3/polyfill.min.js?features=Intl.NumberFormat,Intl.NumberFormat.~locale.en"></script>

Ou si Intl.PluralRules nécessite également un polyfill :

<!-- Polyfill Intl.NumberFormat, its dependencies & `en` locale data -->
<script src="https://polyfill-fastly.io/v3/polyfill.min.js?features=Intl.NumberFormat,Intl.NumberFormat.~locale.en,Intl.PluralRules.~locale.en"></script>

Exemple simple​

import '@formatjs/intl-numberformat/polyfill'
import '@formatjs/intl-numberformat/locale-data/en' // locale-data for en

Import dynamique + détection de capacités​

import {shouldPolyfill} from '@formatjs/intl-numberformat/should-polyfill'
async function polyfill(locale: string) {
  const unsupportedLocale = shouldPolyfill(locale)
  // This locale is supported
  if (!unsupportedLocale) {
    return
  }
  // Load the polyfill 1st BEFORE loading data
  await import('@formatjs/intl-numberformat/polyfill-force')
  await import(`@formatjs/intl-numberformat/locale-data/${unsupportedLocale}`)
}

Unités prises en charge​

Unités simples​

Actuellement, la spécification définit la liste d'unités autorisées ci-dessous.

type Unit =
  | 'acre'
  | 'bit'
  | 'byte'
  | 'celsius'
  | 'centimeter'
  | 'day'
  | 'degree'
  | 'fahrenheit'
  | 'fluid-ounce'
  | 'foot'
  | 'gallon'
  | 'gigabit'
  | 'gigabyte'
  | 'gram'
  | 'hectare'
  | 'hour'
  | 'inch'
  | 'kilobit'
  | 'kilobyte'
  | 'kilogram'
  | 'kilometer'
  | 'liter'
  | 'megabit'
  | 'megabyte'
  | 'meter'
  | 'mile'
  | 'mile-scandinavian'
  | 'millimeter'
  | 'milliliter'
  | 'millisecond'
  | 'minute'
  | 'month'
  | 'ounce'
  | 'percent'
  | 'petabyte'
  | 'pound'
  | 'second'
  | 'stone'
  | 'terabit'
  | 'terabyte'
  | 'week'
  | 'yard'
  | 'year'

Unités composées​

Vous pouvez spécifier une unité X-per-Y où X et Y sont des unités simples autorisées (ex: kilometer-per-hour). La bibliothèque sélectionnera le modèle localisé le plus adapté pour formater cette unité composée.