Constructeur Intl.DisplayNames()
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis avril 2021.
Le constructeur Intl.DisplayNames() crée des objets Intl.DisplayNames.
Exemple interactif
const regionNamesInEnglish = new Intl.DisplayNames(["en"], { type: "region" });
const regionNamesInTraditionalChinese = new Intl.DisplayNames(["zh-Hant"], {
type: "region",
});
console.log(regionNamesInEnglish.of("US"));
// Résultat attendu : "United States"
console.log(regionNamesInTraditionalChinese.of("US"));
// Résultat attendu : "美國"
Syntaxe
new Intl.DisplayNames(locales, options)
Paramètres
locales-
Une chaîne de caractères avec une balise de langue BCP 47 ou une instance de
Intl.Locale, ou un tableau de ces identifiants de locale. La locale par défaut de l'environnement d'exécution est utilisée lorsqueundefinedest passé ou lorsqu'aucun des identifiants de locale définis n'est pris en charge. Pour la forme générale et l'interprétation de l'argumentlocales, voir la description du paramètre sur la page principale deIntl. options-
Un objet contenant les propriétés suivantes, dans l'ordre où elles sont récupérées :
localeMatcherFacultatif-
L'algorithme de correspondance de locale à utiliser. Les valeurs possibles sont
"lookup"et"best fit"; la valeur par défaut est"best fit". Pour plus d'informations sur cette option, voir Identification et négociation de la locale. styleFacultatif-
Le style de mise en forme à utiliser. Les valeurs possibles sont
"narrow","short"et"long"; la valeur par défaut est"long". type-
Le type de noms à retourner depuis
of(). Les valeurs possibles sont"language","region","script","currency","calendar"et"dateTimeField". fallbackFacultatif-
Ce qui doit être retourné par
of()si l'entrée est structurellement valide mais qu'aucun nom correspondant n'est trouvé. Les valeurs possibles sont :"code"(par défaut)-
Retourne le code d'entrée lui-même.
"none"-
Retourne
undefined.
languageDisplayFacultatif-
La façon dont les noms de langues doivent être affichés. Utilisable uniquement avec
type: "language". Les valeurs possibles sont :"dialect"(par défaut)-
Affiche les dialectes régionaux particuliers avec leur propre nom. Par exemple,
"nl-BE"sera affiché comme"Flemish". "standard"-
Affiche toutes les langues avec le format standard. Par exemple,
"nl-BE"sera affiché comme"Dutch (Belgium)".
Exemples
>Utilisation simple
Dans son utilisation simple, sans spécifier de langue, une chaine dans la langue locale par défaut et avec les options par défaut sera retournée.
console.log(new Intl.DisplayNames([], { type: "language" }).of("US"));
// 'us'
Utiliser le type dateTimeField
Exemple utilisant dateTimeField comme option de type, retournera les chaînes de noms de date et d'heure localisées.
const dn = new Intl.DisplayNames("pt", { type: "dateTimeField" });
console.log(dn.of("era")); // 'era'
console.log(dn.of("year")); // 'ano'
console.log(dn.of("month")); // 'mês'
console.log(dn.of("quarter")); // 'trimestre'
console.log(dn.of("weekOfYear")); // 'semana'
console.log(dn.of("weekday")); // 'dia da semana'
console.log(dn.of("dayPeriod")); // 'AM/PM'
console.log(dn.of("day")); // 'dia'
console.log(dn.of("hour")); // 'hora'
console.log(dn.of("minute")); // 'minuto'
console.log(dn.of("second")); // 'segundo'
Utiliser le type calendar
Exemple utilisant calendar comme option de type, retournera les chaînes de noms de calendriers localisées.
const dn = new Intl.DisplayNames("en", { type: "calendar" });
console.log(dn.of("roc")); // 'Minguo Calendar'
console.log(dn.of("gregory")); // 'Gregorian Calendar'
console.log(dn.of("chinese")); // 'Chinese Calendar'
Utiliser le type language avec languageDisplay
Exemple utilisant language comme type avec les options languageDisplay.
// Utilisation de l'option `dialect`
const dnDialect = new Intl.DisplayNames("en", {
type: "language",
languageDisplay: "dialect",
});
console.log(dnDialect.of("en-GB")); // 'British English'
// Utilisation de l'option `standard`
const dnStd = new Intl.DisplayNames("en", {
type: "language",
languageDisplay: "standard",
});
console.log(dnStd.of("en-GB")); // 'English (United Kingdom)'
Spécifications
| Specification |
|---|
| ECMAScript® 2026 Internationalization API Specification> # sec-intl-displaynames-constructor> |
Compatibilité des navigateurs
Voir aussi
- L'objet
Intl.DisplayNames - La méthode
Intl.supportedValuesOf() - L'objet
Intl