La méthode localeCompare()
renvoie un nombre indiquant si la chaîne de caractères courante se situe avant, après ou est la même que la chaîne passée en paramètre, selon l'ordre lexicographique.
Les arguments locales
et options
permettent de définir la locale et des options pour adapter le comportement de la fonction. Les anciennes implémentations ignoreront les arguments locales
et options
. L'ordre de tri utilisé sera entièrement dépendant de l'implémentation.
Syntaxe
str.localeCompare(chaineÀComparer [, locales [, options]])
Paramètres
Voir le tableau de compatibilité des navigateurs pour savoir quels navigateurs supportent les arguments locales
et options
. L'exemple pour vérifier le support des arguments locales
et options
fournit un fragment de code pour détecter le support des fonctionnalités.
chaineÀComparer
- La chaîne avec laquelle on souhaite comparer la chaîne de caractères courante.
Valeur de retour
Un nombre négatif si la chaîne de appelante est ordonnée avant la chaîne passée en argument, un nombre positif si elle se situe après, 0 si les deux chaînes sont équivalentes.
Description
Cette méthode renvoie un nombre entier qui indique si la chaîne de caractères courante se situe avant ou après la chaîne passée en argument selon l'ordre lexicographique tenant compte de la locale. Cette méthode renvoie
- un nombre négatif si la chaîne de caractères courant se situe avant la chaîne
chaineÀComparer
- un nombre positif si elle se situe après
- 0 si les deux chaînes se situent au même niveau
Attention à ne pas tester que les valeurs -1 et 1. Les valeurs entières utilisées peuvent varier en fonction des navigateurs et de leurs versions. En effet, la spécification indique uniquement le signe de la valeur à fournir. Par exemple, certains navigateurs pourront renvoyer -2 ou 2 (voire d'autres valeurs).
Exemples
Utiliser la méthode localeCompare()
L'exemple qui suit illustre les différents cas de figures lors de la comparaison des chaînes de caractères :
console.log('a'.localeCompare('c')); // -2, ou -1, ou toute autre valeur négative console.log('c'.localeCompare('a')); // 2, ou 1, ou toute autre valeur positive console.log('a'.localeCompare('a')); // 0
Les résultats illustrés ici peuvent varier entre les différents navigateurs et selon les versions des navigateurs. En effet, les valeurs renvoyées sont spécifiques selon les implémentations. La spécification définit uniquement le signe de la valeur à renvoyer.
Vérifier le support des arguments locales
et options
Les argument locales
et options
ne sont pas supportés par tous les navigateurs. Pour vérifier qu'une implémentation supporte ces paramètres, il est possible d'utiliser un cas d'erreur quand on utilise une balise de langue incorrecte (ce qui provoque une exception RangeError
) :
function localeCompareSupportsLocales() { try { "a".localeCompare("b", "i"); } catch (e) { return e.name === "RangeError"; } return false; }
Utiliser le paramètre locales
Les résultats fournis par la méthode localeCompare()
peuvent varier selon les langues utilisées. Pour spécifier la langue à utiliser pour votre application, utiliser l'argument locales
pour définir la locale à utiliser (et éventuellement des langues de recours) :
console.log('ä'.localeCompare('z', 'de')); // une valeur négative : en allemand ä est avant z console.log('ä'.localeCompare('z', 'sv')); // une valeur positive : en suédois, ä arrive après z
Utiliser le paramètre options
Les résultats construits par la méthode localeCompare()
peuvent être adaptés grâce au paramètre options
:
// en allemand, ä et a ont la même lettre de base console.log('ä'.localeCompare('a', 'de', {sensitivity: "base"})); // 0 // en suédois, ä et a n'ont pas la même lettre de base console.log('ä'.localeCompare('a', 'sv', {sensitivity: "base"})); // une valeur positive
Performances
Pour comparer un grand nombre de chaînes de caractères, par exemple pour trier de grands tableaux, il est préférable de créer un objet Intl.Collator
et utiliser la fonction fournie par la propriété compare
.
Spécifications
Spécification | État | Commentaires |
---|---|---|
ECMAScript 3rd Edition (ECMA-262) | Standard | Définition initiale. Implémentée avec JavaScript 1.2 |
ECMAScript 5.1 (ECMA-262) La définition de 'String.prototype.localeCompare' dans cette spécification. |
Standard | |
ECMAScript 2015 (6th Edition, ECMA-262) La définition de 'String.prototype.localeCompare' dans cette spécification. |
Standard | |
ECMAScript 2017 Draft (ECMA-262) La définition de 'String.prototype.localeCompare' dans cette spécification. |
Projet | |
ECMAScript Internationalization API 1.0 (ECMA-402) La définition de 'String.prototype.localeCompare' dans cette spécification. |
Standard | Définition des paramètres locale et option |
ECMAScript Internationalization API 2.0 (ECMA-402) La définition de 'String.prototype.localeCompare' dans cette spécification. |
Standard | |
ECMAScript Internationalization API 4.0 (ECMA-402) La définition de 'String.prototype.localeCompare' dans cette spécification. |
Projet |
Compatibilité des navigateurs
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Support simple | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |
arguments locales et options |
24 | 29 (29) | 11 | 15 | 10 |
Fonctionnalité | Android | Chrome pour Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Support simple | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |
arguments locales et options |
Pas de support | 26 | Pas de support | Pas de support | Pas de support | 10 |