Intl.ListFormat
The Intl.ListFormat object enables language-sensitive list formatting.
Try it
Constructor
Intl.ListFormat()-
Creates a new
Intl.ListFormatobject.
Static methods
Intl.ListFormat.supportedLocalesOf()-
Returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
Instance properties
These properties are defined on Intl.ListFormat.prototype and shared by all Intl.ListFormat instances.
Intl.ListFormat.prototype.constructor-
The constructor function that created the instance object. For
Intl.ListFormatinstances, the initial value is theIntl.ListFormatconstructor. Intl.ListFormat.prototype[@@toStringTag]-
The initial value of the
@@toStringTagproperty is the string"Intl.ListFormat". This property is used inObject.prototype.toString().
Instance methods
Intl.ListFormat.prototype.format()-
Returns a language-specific formatted string representing the elements of the list.
Intl.ListFormat.prototype.formatToParts()-
Returns an array of objects representing the different components that can be used to format a list of values in a locale-aware fashion.
Intl.ListFormat.prototype.resolvedOptions()-
Returns a new object with properties reflecting the locale and style formatting options computed during the construction of the current
Intl.ListFormatobject.
Examples
Using format
The following example shows how to create a List formatter using the English language.
js
const list = ["Motorcycle", "Bus", "Car"];
console.log(
new Intl.ListFormat("en-GB", { style: "long", type: "conjunction" }).format(
list,
),
);
// Motorcycle, Bus and Car
console.log(
new Intl.ListFormat("en-GB", { style: "short", type: "disjunction" }).format(
list,
),
);
// Motorcycle, Bus or Car
console.log(
new Intl.ListFormat("en-GB", { style: "narrow", type: "unit" }).format(list),
);
// Motorcycle Bus Car
Using formatToParts
The following example shows how to create a List formatter returning formatted parts
js
const list = ["Motorcycle", "Bus", "Car"];
console.log(
new Intl.ListFormat("en-GB", {
style: "long",
type: "conjunction",
}).formatToParts(list),
);
// [ { "type": "element", "value": "Motorcycle" },
// { "type": "literal", "value": ", " },
// { "type": "element", "value": "Bus" },
// { "type": "literal", "value": ", and " },
// { "type": "element", "value": "Car" } ];
Specifications
| Specification |
|---|
| ECMAScript Internationalization API Specification # listformat-objects |
Browser compatibility
BCD tables only load in the browser