Intl.DisplayNames()-Konstruktor

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2021.

Der Intl.DisplayNames()-Konstruktor erstellt Intl.DisplayNames-Objekte.

Probieren Sie es aus

const regionNamesInEnglish = new Intl.DisplayNames(["en"], { type: "region" });
const regionNamesInTraditionalChinese = new Intl.DisplayNames(["zh-Hant"], {
  type: "region",
});

console.log(regionNamesInEnglish.of("US"));
// Expected output: "United States"

console.log(regionNamesInTraditionalChinese.of("US"));
// Expected output: "美國"

Syntax

js
new Intl.DisplayNames(locales, options)

Hinweis:>Intl.DisplayNames() kann nur mit new konstruiert werden. Ein Versuch, es ohne new aufzurufen, führt zu einem TypeError.

Parameter

locales

Eine Zeichenkette mit einem BCP 47-Sprachtag oder einer Intl.Locale-Instanz oder ein Array solcher Locale-Kennungen. Die Standard-Locale der Laufzeitumgebung wird verwendet, wenn undefined übergeben wird oder wenn keine der angegebenen Locale-Kennungen unterstützt wird. Für die allgemeine Form und Interpretation des locales-Arguments siehe die Parameterbeschreibung auf der Intl-Hauptseite.

options

Ein Objekt, das die folgenden Eigenschaften in der Reihenfolge enthält, in der sie abgerufen werden:

localeMatcher Optional

Der zu verwendende Locale-Abgleichalgorithmus. Mögliche Werte sind "lookup" und "best fit"; der Standardwert ist "best fit". Für Informationen über diese Option siehe Lokalisierung und Verhandeln von Locales.

style Optional

Der zu verwendende Formatierungsstil. Mögliche Werte sind "narrow", "short" und "long"; der Standardwert ist "long".

type

Der Typ der Anzeigennamen, die von of() zurückgegeben werden. Mögliche Werte sind "language", "region", "script", "currency", "calendar" und "dateTimeField".

fallback Optional

Was von of() zurückzugeben ist, wenn die Eingabe strukturell gültig ist, aber kein passender Anzeigename gefunden wird. Mögliche Werte sind:

"code" (Standard)

Gibt den Eingabecode selbst zurück.

"none"

Gibt undefined zurück.

languageDisplay Optional

Wie Sprachennamen angezeigt werden sollen. Nur in Verbindung mit type: "language" verwendbar. Mögliche Werte sind:

"dialect" (Standard)

Zeigt spezielle regionale Dialekte mit ihrem eigenen Namen an. Zum Beispiel wird "nl-BE" als "Flämisch" angezeigt.

"standard"

Zeigt alle Sprachen im Standardformat an. Zum Beispiel wird "nl-BE" als "Niederländisch (Belgien)" angezeigt.

Ausnahmen

TypeError

Wird ausgelöst, wenn options.type nicht angegeben wird.

RangeError

Wird ausgelöst, wenn locales oder options ungültige Werte enthalten.

Beispiele

Grundlegende Verwendung

Bei der grundlegenden Verwendung ohne Angabe einer Locale wird eine formatierte Zeichenkette in der Standard-Locale und mit Standardoptionen zurückgegeben.

js
console.log(new Intl.DisplayNames([], { type: "language" }).of("US"));
// 'us'

Verwendung des Typs dateTimeField

Beispiel für die Verwendung von dateTimeField als Typoption, die die lokalisierten Datum-Zeit-Namenstrings zurückgibt.

js
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'

Verwendung des Typs calendar

Beispiel für die Verwendung von calendar als Typoption, die die lokalisierten Kalendernamenstrings zurückgibt.

js
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'

Verwendung des Typs language mit languageDisplay

Beispiel für die Verwendung von language als Typ mit languageDisplay-Optionen.

js
// Using `dialect` option
const dnDialect = new Intl.DisplayNames("en", {
  type: "language",
  languageDisplay: "dialect",
});
console.log(dnDialect.of("en-GB")); // 'British English'

// Using `standard` option
const dnStd = new Intl.DisplayNames("en", {
  type: "language",
  languageDisplay: "standard",
});
console.log(dnStd.of("en-GB")); // 'English (United Kingdom)'

Spezifikationen

Specification
ECMAScript® 2026 Internationalization API Specification
# sec-intl-displaynames-constructor

Browser-Kompatibilität

Siehe auch