Double pipe JavaScript

Parfois, nous ne savons pas si une propriété d’un objet contiendra une valeur ou non, ou si une variable a été définie ou non. Nous voulons que notre code fonctionne avec une valeur de sauvegarde même si la valeur n’est pas définie. Cet article présentera le double pipe || de JavaScript.

JavaScript prend en charge divers opérateurs tels que l’affectation, l’arithmétique, la logique, la condition, etc. Les opérateurs logiques JavaScript sont généralement utilisés avec des valeurs booléennes (logiques). Si des valeurs booléennes sont utilisées, elles renvoient une valeur booléenne basée sur le type d’opérateur.

Les opérateurs ET et OU renvoient la valeur d’un des opérandes spécifiés en fonction du résultat. Ainsi, lorsqu’ils sont utilisés avec des valeurs non booléennes, ces opérateurs peuvent renvoyer une valeur non booléenne. Les opérateurs logiques prennent en charge le ET logique (&&), le OU logique (||) et le NON logique (!).

Double pipe JavaScript

Le OU logique renvoie expr1 s’il peut être converti en true ; sinon, elle renvoie expr2. Par conséquent, s’il est utilisé avec des valeurs booléennes, il renverra True si l’opérande est vrai ;; si les deux sont faux, false est renvoyé.

Les valeurs qui seront traitées comme fausses sont null, NaN, 0, chaîne vide ("" ou ‘’), et undefined. L’opérateur logique OU peut être converti en ET logique en utilisant !(!bCondition1 && !bCondition2). Pour plus d’informations, consultez la documentation de l’opérateur OU logique.

Syntaxe:

expr1 || expr2

Exemple de code :

let a = 'Hello';
let b;
console.log(a || 'Not Found');
console.log(a ? a : 'Not Found');
console.log(b || 'Not Found');

Dans l’exemple ci-dessus, le || vérifie si a est évalué à true. Si c’est le cas, il retournera Hello; sinon, il renvoie Not Found. Il en va de même pour b également.

L’expression ci-dessus peut également être écrite en utilisant l’opérateur ternaire de JavaScript, qui fait la même chose. Mais logique ou fonctionne comme un raccourci de l’opérateur ternaire JavaScript. La sortie du code précédent est la même que celle indiquée ci-dessous.

Production :

"Hello"
"Not Found"