JavaScript possède des opérateurs de comparaisons stricts et des opérateurs de comparaisons qui effectuent des conversions. Une comparaison strict (ex. : ===
) ne sera vraie que si les deux opérandes sont du même type. La comparaison d'égalité faible (==
) convertira les deux opérandes en un même type avant d'effectuer la comparaison. Pour les comparaisons relationnelles (ex. : <=
), les opérandes sont tout d'abord converties en valeurs, puis en valeurs du même type, enfin la comparaison est effectuée.
Les chaînes de caractères sont comparées en fonction de l'ordre lexicographique, avec des valeurs Unicode.
Les règles de comparaisons pour les types primitifs sont les suivantes :
- Deux chaînes de caractères sont strictement égales lorsqu'elles ont la même séquence de caractères, la même longueur et les mêmes caractères aux mêmes positions.
- Deux nombres sont strictement égaux lorsqu'ils ont la même valeur.
NaN
n'est égal à rien, y compis lui-même. Le zéro positif et le zéro négatif sont considérés égaux. - Deux booléens sont strictement égaux s'ils valent tous les deux
true
ou tous les deuxfalse
. - Deux objets distincts ne sont jamais égaux l'un à l'autre (pour l'égalité faible et stricte).
- Deux objets sont égaux si les deux opérandes sont des références au même objet.
- Les types nul et indéfini sont strictement égaux à eux-mêmes et sont faiblement égaux l'un à autre.
Les opérateurs d'égalité
Égalité simple (==)
L'opérateur d'égalité simple convertit les deux opérandes s'ils ne sont pas du même type, ensuite la comparaison stricte est appliquée. Si les deux opérandes sont des objets, le moteur JavaScript comparera les références internes pour voir si elles réfèrent au même objet en mémoire.
Syntaxe
x == y
Exemples
1 == 1; // true "1" == 1; // true 1 == '1'; // true 0 == false; // true 0 == null; // false 0 == undefined // false null == undefined // true var obj1 = { "valeur": "clé"}; var obj2 = { "valeur": "clé"}; obj1 == obj2 // false
Inégalité simple (!=)
L'opérateur d'inégalité simple renvoie true
si les deux opérandes ne sont pas égaux. Si les deux opérandes ne sont pas du même type, une conversion sera effectuée vers un type adéquat. Si les deux opérandes sont des objets, le moteur JavaScript comparera les références internes pour voir si elles réfèrent à des objets différents en mémoire.
Syntaxe
x != y
Exemples
1 != 2; // true 1 != "1"; // false 1 != '1'; // false 1 != true; // false 0 != false; // false
Égalité stricte (===)
L'opérateur d'égalité stricte renvoie true
si les opérandes sont strictement égaux (voir ci-avant), aucune conversion de type n'est effectuée.
Syntaxe
x === y
Exemples
3 === 3 // true 3 === '3' // false
Inégalité stricte (!==)
L'opérateur d'inégalité stricte renvoie true
si les opérandes sont de types différents ou ne sont pas égaux.
Syntaxe
x !== y
Exemples
3 !== '3' // true 4 !== 3 // true
Opérateurs relationnels
Note : Chacun de ces opérateurs invoquera la fonction valueOf()
des opérandes qui sont des objets avant d'effectuer la comparaison.
Supérieur strict (>)
Cet opérateur renvoie true
si l'opérande gauche est strictement supérieur à l'opérande droit.
Syntaxe
x > y
Exemples
4 > 3; // true
Supérieur ou égal (>=)
Cet opérateur renvoie true
si l'opérande gauche est supérieur ou égal à l'opérande droit
Syntaxe
x >= y
Exemples
4 >= 3; // true 3 >= 3; // true
Inférieur strict (<)
Cet opérateur renvoie true
si l'opérande gauche est strictement inférieur à l'opérande droit
Syntaxe
x < y
Exemples
3 < 4; // true
Inférieur ou égal (<=)
Cet opérateur renvoie true
si l'opérande gauche est inférieur ou égal à l'opérande droit
Syntaxe
x <= y
Exemples
3 <= 4; // true
Utiliser les opérateurs d'égalité
Les opérateurs d'égalité/inégalité faible (==
et !=
) utilisent l'algorithme de comparaison d'égalité abstraite afin de comparer les deux opérandes. Si les opérandes sont de types primitifs différents, le moteur tentera de les convertir en un même type avant d'effectuer la comparaison. Ainsi, dans l'expression 5 == '5'
, la chaîne de droite est convertie en un nombre avant que la comparaison soit faite.
Les opérateurs d'égalité/inégalité stricte (===
et !==
) utilisent l'algorithme de comparaison d'égalité stricte. Si les opérandes sont de types différents, le résultat sera toujours false
, on aura donc 5 !== '5'
.
Selon qu'on souhaite comparer des opérandes qui sont censés avoir le même type ou non, on utilisera l'un ou l'autre type d'opérateur.
Si un opérande doit être comparé à un autre type, le moteur effectuera une conversion de la façon suivante :
- Lorsqu'une comparaison est opérée entre une chaîne de caractères et un nombre, Javascript tente de convertir la chaine en une valeur numérique. Une valeur mathématique est obtenue à partir de la chaîne littérale numérique, puis celle-ci est arrondie à une valeur de type Nombre.
- Si l'un des opérandes est de type booléen,
true
sera converti en 1 etfalse
en +0. - Si on compare un objet avec un nombre ou une chaîne, le moteur JavaScript tentera de renvoyer la valeur par défaut de l'objet. Les opérateurs opèrent une conversion grâce aux méthodes
valueOf
(pour obtenir un nombre) ettoString
(pour obtenir une chaîne de caractères). Si cela ne fonctionne pas, une exception sera levée. - Un objet sera converti en un type primitif autre uniquement si l'autre opérande est un type primitif (autre qu'objet). Si les deux opérandes sont des objets, ils seront comparés comme deux objets (voir ci-avant) et l'égalité ne sera vérifiée que si les opérandes font référence au même objet en mémoire
Note : Voir également la page sur les différents tests d'égalité et quand les utiliser.
// true car les deux opérandes sont du type primitif chaîne de caractères 'toto' === 'toto' var a = new String('toto'); var b = new String('toto'); // false car a et b sont du type objet mais font référence à deux objets distincts a == b // false car a et b sont du type objet mais font référence à deux objets distincts a === b // true car a et 'toto' sont de type différents et lorsque a est // converti, la fonction de conversion renvoie bien la chaîne 'toto' a == 'toto'
Spécifications
Spécification | État | Commentaires |
---|---|---|
ECMAScript 1st Edition (ECMA-262) | Standard | Définition initiale. Implémentée avec JavaScript 1.0 |
ECMAScript 3rd Edition (ECMA-262) | Standard | Ajoute les opérateurs === et !== . Implémentés avec JavaScript 1.3 |
ECMAScript 5.1 (ECMA-262) | Standard | Définis dans plusieurs sections de la spécification : opérateurs relationnels, opérateurs d'égalité |
ECMAScript 2015 (6th Edition, ECMA-262) | Standard | Définis dans plusieurs sections de la spécification : opérateurs relationnels, opérateurs d'égalité |
ECMAScript 2017 Draft (ECMA-262) | Projet | Définis dans plusieurs sections de la spécification : opérateurs relationnels, opérateurs d'égalité |
Compatibilité des navigateurs
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Support simple | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |
Fonctionnalité | Android | Chrome pour Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Support simple | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |