The Intl.Collator objects enable language sensitive string comparison.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Constructor
Intl.Collator()- Creates a new
Collatorobject.
Static methods
Intl.Collator.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 methods
Intl.Collator.prototype.compare- Getter function that compares two strings according to the sort order of this
Intl.Collatorobject. Intl.Collator.prototype.resolvedOptions()- Returns a new object with properties reflecting the locale and collation options computed during initialization of the object.
Examples
Using Collator
The following example demonstrates the different potential results for a string occurring before, after, or at the same level as another:
console.log(new Intl.Collator().compare('a', 'c')); // โ a negative value
console.log(new Intl.Collator().compare('c', 'a')); // โ a positive value
console.log(new Intl.Collator().compare('a', 'a')); // โ 0
Note that the results shown in the code above can vary between browsers and browser versions. This is because the values are implementation-specific. That is, the specification requires only that the before and after values are negative and positive.
Using locales
The results provided by Collator.prototype.compare() vary between languages. In order to get the sort order of the language used in the user interface of your application, make sure to specify that language (and possibly some fallback languages) using the locales argument:
// in German, รค sorts with a
console.log(new Intl.Collator('de').compare('รค', 'z'));
// โ a negative value
// in Swedish, รค sorts after z
console.log(new Intl.Collator('sv').compare('รค', 'z'));
// โ a positive value
Using options
The results provided by Collator.prototype.compare() can be customized using the options argument:
// in German, รค has a as the base letter
console.log(new Intl.Collator('de', { sensitivity: 'base' }).compare('รค', 'a'));
// โ 0
// in Swedish, รค and a are separate base letters
console.log(new Intl.Collator('sv', { sensitivity: 'base' }).compare('รค', 'a'));
// โ a positive value
Specifications
| Specification |
|---|
| ECMAScript Internationalization API (ECMA-402) The definition of 'Intl.Collator' in that specification. |
Browser compatibility
| Desktop | Mobile | Server | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Collator | Chrome Full support 24 | Edge Full support 12 | Firefox Full support 29 | IE Full support 11 | Opera Full support 15 | Safari Full support 10 | WebView Android Full support 4.4 | Chrome Android Full support 25 | Firefox Android Full support 56 | Opera Android Full support 14 | Safari iOS Full support 10 | Samsung Internet Android Full support 1.5 | nodejs
Full support
0.12
|
Collator() constructor | Chrome Full support 24 | Edge Full support 12 | Firefox Full support 29 | IE Full support 11 | Opera Full support 15 | Safari Full support 10 | WebView Android Full support 4.4 | Chrome Android Full support 25 | Firefox Android Full support 56 | Opera Android Full support 14 | Safari iOS Full support 10 | Samsung Internet Android Full support 1.5 | nodejs
Full support
13.0.0
|
compare | Chrome Full support 24 | Edge Full support 12 | Firefox Full support 29 | IE Full support 11 | Opera Full support 15 | Safari Full support 10 | WebView Android Full support 4.4 | Chrome Android Full support 25 | Firefox Android Full support 56 | Opera Android Full support 14 | Safari iOS Full support 10 | Samsung Internet Android Full support 1.5 | nodejs
Full support
0.12
|
resolvedOptions | Chrome Full support 24 | Edge Full support 12 | Firefox Full support 29 | IE Full support 11 | Opera Full support 15 | Safari Full support 10 | WebView Android Full support 4.4 | Chrome Android Full support 25 | Firefox Android Full support 56 | Opera Android Full support 14 | Safari iOS Full support 10 | Samsung Internet Android Full support 1.5 | nodejs
Full support
0.12
|
supportedLocalesOf | Chrome Full support 24 | Edge Full support 12 | Firefox Full support 29 | IE Full support 11 | Opera Full support 15 | Safari Full support 10 | WebView Android Full support 4.4 | Chrome Android Full support 25 | Firefox Android Full support 56 | Opera Android Full support 14 | Safari iOS Full support 10 | Samsung Internet Android Full support 1.5 | nodejs
Full support
13.0.0
|
Legend
- Full support
- Full support
- See implementation notes.
- See implementation notes.
