JavaScript Intl DisplayNames() Constructor

JavaScript Intl.DisplayNames Constructor is used for creating Intl.DisplayNames object. This constructor is created using the new keyword. If we create the constructor without the new keyword it will give a TypeError

Syntax:

new Intl.DisplayNames(loc, opt)

Parameters: It has two parameters both are optional.

• loc: It is a String or an array of Strings which allow the following value
  • nu: It specifies the numbering system to be used which can be arab, bali, latn, tibt etc.
• opt: It is an object which can have properties like style, type, languageDisplay, fallback etc.

Returns: A DisplayNames object.

Below examples illustrate the JavaScript Intl DisplayNames() Constructor:

Example 1: In this example, we use the properties like dateTimeField and calendar/

const example1 = new Intl.DisplayNames("en", { type: "dateTimeField" });
const example2 = new Intl.DisplayNames("fr", { type: "dateTimeField" });
const example3 = new Intl.DisplayNames("en", {type: "calendar"});

console.log(example1.of("year"));
console.log(example2.of("year"));
console.log(example3.of("chinese"));

Output:

year
année
Chinese Calendar

Example 2: In this example, we will use properties like Language and LanguageDisplay with the constructor.

const example1 = new Intl.DisplayNames("en", {
    type: "language",
    languageDisplay: "dialect",
});
const example2 = new Intl.DisplayNames("fr", { 
    type: "language",
    languageDisplay: "standard",
});
console.log(example1.of("en-GB"));
console.log(example2.of("en-GB"));

Output:

British English
anglais (Royaume-Uni)

Supported Browsers:

• Chrome
• Edge
• Firefox
• Opera
• Safari

We have a complete list of JavaScript Intl methods to check those please go through, the JavaScript Intl Reference article.