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
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, wennundefined
übergeben wird oder wenn keine der angegebenen Locale-Kennungen unterstützt wird. Für die allgemeine Form und Interpretation deslocales
-Arguments siehe die Parameterbeschreibung auf derIntl
-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
oderoptions
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.
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.
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.
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.
// 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 |