Baseline Widely available
The Intl.DisplayNames
object enables the consistent translation of language, region and script display names.
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: "ç¾å"
Constructor
Intl.DisplayNames()
Creates a new Intl.DisplayNames
object.
Intl.DisplayNames.supportedLocalesOf()
Returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
These properties are defined on Intl.DisplayNames.prototype
and shared by all Intl.DisplayNames
instances.
Intl.DisplayNames.prototype.constructor
The constructor function that created the instance object. For Intl.DisplayNames
instances, the initial value is the Intl.DisplayNames
constructor.
Intl.DisplayNames.prototype[Symbol.toStringTag]
The initial value of the [Symbol.toStringTag]
property is the string "Intl.DisplayNames"
. This property is used in Object.prototype.toString()
.
Intl.DisplayNames.prototype.of()
This method receives a code
and returns a string based on the locale and options provided when instantiating Intl.DisplayNames
.
Intl.DisplayNames.prototype.resolvedOptions()
Returns a new object with properties reflecting the locale and formatting options computed during initialization of the object.
To create an Intl.DisplayNames
for a locale and get the display name for a region code.
// Get display names of region in English
let regionNames = new Intl.DisplayNames(["en"], { type: "region" });
regionNames.of("419"); // "Latin America"
regionNames.of("BZ"); // "Belize"
regionNames.of("US"); // "United States"
regionNames.of("BA"); // "Bosnia & Herzegovina"
regionNames.of("MM"); // "Myanmar (Burma)"
// Get display names of region in Traditional Chinese
regionNames = new Intl.DisplayNames(["zh-Hant"], { type: "region" });
regionNames.of("419"); // "æä¸ç¾æ´²"
regionNames.of("BZ"); // "è²éæ¯"
regionNames.of("US"); // "ç¾å"
regionNames.of("BA"); // "波士尼äºè赫å¡å¥ç¶ç´"
regionNames.of("MM"); // "ç·¬ç¸"
Language Display Names
To create an Intl.DisplayNames
for a locale and get the display name for a language-script-region sequence.
// Get display names of language in English
let languageNames = new Intl.DisplayNames(["en"], { type: "language" });
languageNames.of("fr"); // "French"
languageNames.of("de"); // "German"
languageNames.of("fr-CA"); // "Canadian French"
languageNames.of("zh-Hant"); // "Traditional Chinese"
languageNames.of("en-US"); // "American English"
languageNames.of("zh-TW"); // "Chinese (Taiwan)"]
// Get display names of language in Traditional Chinese
languageNames = new Intl.DisplayNames(["zh-Hant"], { type: "language" });
languageNames.of("fr"); // "æ³æ"
languageNames.of("zh"); // "䏿"
languageNames.of("de"); // "å¾·æ"
Script Code Display Names
To create an Intl.DisplayNames
for a locale and get the display name for a script code.
// Get display names of script in English
let scriptNames = new Intl.DisplayNames(["en"], { type: "script" });
// Get script names
scriptNames.of("Latn"); // "Latin"
scriptNames.of("Arab"); // "Arabic"
scriptNames.of("Kana"); // "Katakana"
// Get display names of script in Traditional Chinese
scriptNames = new Intl.DisplayNames(["zh-Hant"], { type: "script" });
scriptNames.of("Latn"); // "æä¸æ"
scriptNames.of("Arab"); // "é¿æä¼¯æ"
scriptNames.of("Kana"); // "çåå"
Currency Code Display Names
To create an Intl.DisplayNames
for a locale and get the display name for currency code.
// Get display names of currency code in English
let currencyNames = new Intl.DisplayNames(["en"], { type: "currency" });
// Get currency names
currencyNames.of("USD"); // "US Dollar"
currencyNames.of("EUR"); // "Euro"
currencyNames.of("TWD"); // "New Taiwan Dollar"
currencyNames.of("CNY"); // "Chinese Yuan"
// Get display names of currency code in Traditional Chinese
currencyNames = new Intl.DisplayNames(["zh-Hant"], { type: "currency" });
currencyNames.of("USD"); // "ç¾å
"
currencyNames.of("EUR"); // "æå
"
currencyNames.of("TWD"); // "æ°å°å¹£"
currencyNames.of("CNY"); // "人æ°å¹£"
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4