Intl.Locale.prototype.caseFirst

Baseline Widely available

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

The caseFirst accessor property of Intl.Locale instances returns whether case is taken into account for this locale's collation rules.

Description

A locale's collation rules are used to determine how strings are ordered in that locale. Certain locales use a character's case (UPPERCASE or lowercase) in the collation process. This additional rule can be expressed in an Intl.Locale object's caseFirst property. There are 3 values that the caseFirst property can have, outlined in the table below.

Value Description
upper Upper case to be sorted before lower case.
lower Lower case to be sorted before upper case.
false No special case ordering.

The caseFirst property's value is set at construction time, either through the kf key of the locale identifier or through the caseFirst option of the Intl.Locale() constructor. The latter takes priority if they are both present; and if neither is present, the property has value undefined.

The set accessor of caseFirst is undefined. You cannot change this property directly.

Examples

Like other locale subtags, the caseFirst value can be added to the Intl.Locale object via the locale string, or a configuration object argument to the constructor.

Adding a caseFirst value via the locale string

In the Unicode locale string spec, caseFirst is an "extension subtag". These subtags add additional data about the locale, and are added to locale identifiers using the -u extension key. To add the caseFirst value to the initial locale identifier string passed into the Intl.Locale() constructor, first add the -u extension key if it doesn't exist. Next, add the -kf extension to indicate that you are adding a value for caseFirst. Finally, add the caseFirst value.

js
const locale = new Intl.Locale("fr-Latn-FR-u-kf-upper");
console.log(locale.caseFirst); // "upper"

Adding a caseFirst value via the configuration object argument

The Intl.Locale() constructor has an optional configuration object argument, which can contain any of several extension types, including caseFirst. Set the caseFirst property of the configuration object to your desired caseFirst value, and then pass it into the constructor.

js
const locale = new Intl.Locale("en-Latn-US", { caseFirst: "lower" });
console.log(locale.caseFirst); // "lower"

Specifications

Specification
ECMAScript® 2027 Internationalization API Specification
# sec-Intl.Locale.prototype.caseFirst

Browser compatibility

desktop mobile server
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Bun
Deno
Node.js
caseFirst
Chrome – Full support
Chrome 74 (Release date: 2019-04-23)
footnote Full support
Edge – Full support
Edge 79 (Release date: 2020-01-15)
footnote Full support
Firefox – Full support
Firefox 75 (Release date: 2020-04-07)
footnote Full support
Opera – Full support
Opera 62 (Release date: 2019-06-27)
footnote Full support
Safari – Full support
Safari 14 (Release date: 2020-09-16)
footnote Full support
Chrome Android – Full support
Chrome Android 74 (Release date: 2019-04-24)
footnote Full support
Firefox for Android – Full support
Firefox for Android 79 (Release date: 2020-07-28)
footnote Full support
Opera Android – Full support
Opera Android 53 (Release date: 2019-07-11)
footnote Full support
Safari on iOS – Full support
Safari on iOS 14 (Release date: 2020-09-16)
footnote Full support
Samsung Internet – Full support
Samsung Internet 11 (Release date: 2019-12-05)
footnote Full support
WebView Android – Full support
WebView Android 74 (Release date: 2019-04-24)
footnote Full support
WebView on iOS – Full support
WebView on iOS 14 (Release date: 2020-09-16)
footnote Full support
Bun – Full support
Bun 1 (Release date: 2023-09-08)
footnote Full support
Deno – Full support
Deno 1.8 (Release date: 2021-03-02)
footnote Full support
Node.js – Full support
Node.js 12 (Release date: 2019-04-23)
footnote Full support

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

See also