Opérateurs logiques en JavaScript

Opérateurs logiques

Les opérateurs logiques sont utilisés pour combiner des expressions booléennes .

Ils peuvent également modifier les résultats des comparaisons.

En général, vous utiliserez un opérateur de comparaison pour vérifier une condition, et un opérateur logique pour combiner des conditions en une logique plus complexe.

Opérateurs logiques en JavaScript

Les opérateurs logiques servent à déterminer la logique entre des variables ou des valeurs.

Étant donné que x = 6 et y = 3 , le tableau ci-dessous explique les opérateurs logiques :

Opér Nom Exemple Essayez-le
&& ET (x < 10 && y > 1) est vrai Essayez-le »
|| OU (x === 5 || y === 5) est faux Essayez-le »
! NON !(x === y) est vrai Essayez-le »

ET logique en JavaScript

L' opérateur && retourne vrai si les deux expressions sont vrai , sinon faux :

Exemple

let x = 6;
let y = 3;
let z = (x < 10 && y > 1)
Essayez-le vous-même »

OU logique en JavaScript

L' opérateur || retourne vrai si une ou les deux expressions sont vrai , sinon faux :

Exemple

let x = 6;
let y = -3;
let z = (x > 0 || y > 0)
Essayez-le vous-même »

NON logique en JavaScript

L'opérateur NON (!) retourne vrai pour des expressions fausses et faux pour des expressions vraies .

Exemple

let x = (5 == 8);
let y = !(5 == 8)
Essayez-le vous-même »

L'opérateur de coalescence nullish (??)

L' ?? opérateur retourne l'opérande de droite lorsque l'opérande de gauche est nullish ( null ou undefined ), sinon il retourne l'opérande de gauche.

Exemple

let name = null;
let text = "manquant";
let result = name ?? text;
Essayez-le vous-même »

Lors de la programmation, de nombreuses valeurs peuvent être fausses (comme 0, chaînes vides, faux, undefined, null, NaN).

Cependant, parfois vous voulez vérifier si une variable est nullish (soit undefined ou null ), par exemple lorsque c'est acceptable qu'une variable soit une chaîne vide ou une valeur fausse. Dans ce cas, vous pouvez utiliser l' opérateur de coalescence nullish .


Support des navigateurs

?? est une fonctionnalité ES2020 .

ES2020 est entièrement pris en charge dans tous les navigateurs modernes depuis septembre 2020 :

Chrome
85
Edge
85
Firefox
79
Safari
14
Opera
71
Août 2020 Août 2020 Mars 2020 Sept 2020 Sept 2020