Maison >interface Web >js tutoriel >Maîtriser les opérateurs logiques en JavaScript : `||`, `&&` et `!`

Maîtriser les opérateurs logiques en JavaScript : `||`, `&&` et `!`

Linda Hamilton
Linda Hamiltonoriginal
2024-09-19 16:31:03545parcourir

Mastering Logical Operators in JavaScript: `||`, `&&`, and `!`

Dans ce blog, nous explorerons les opérateurs logiques en JavaScript : || (OR), && (AND) et ! (PAS). Ces opérateurs sont essentiels pour créer des conditions complexes et contrôler le flux de vos programmes. Allons-y !

Opérateur logique || (OU)

L'opérateur || renvoie la première valeur véridique qu'il rencontre. Si toutes les valeurs sont fausses, il renvoie la dernière valeur.

Syntaxe :

result = value1 || value2 || value3;

Exemple :

let a = false;
let b = null;
let c = "Hello";

let result = a || b || c;
console.log(result); // Output: "Hello"

Explication :

  • a est faux (faux).
  • b est nul (faux).
  • c c'est "Bonjour" (véridique).

L'opérateur || renvoie la première valeur véridique, qui est "Bonjour".

Opérateur logique && (ET)

L'opérateur && renvoie la première valeur fausse qu'il rencontre. Si toutes les valeurs sont vraies, il renvoie la dernière valeur.

Syntaxe :

result = value1 && value2 && value3;

Exemple :

let x = true;
let y = 10;
let z = 0;

let result = x && y && z;
console.log(result); // Output: 0

Explication :

  • x est vrai (véridique).
  • y est 10 (véridique).
  • z est 0 (faux).

L'opérateur && renvoie la première valeur fausse, qui est 0.

Opérateur logique ! (PAS)

L'opérateur ! renvoie la valeur booléenne opposée de son opérande.

Syntaxe :

result = !value;

Exemple :

let isTrue = true;
let isFalse = !isTrue;

console.log(isFalse); // Output: false

Explication :

  • estVrai est vrai.
  • !isTrue renvoie false.

Exemples pratiques

Rassemblons le tout avec quelques exemples pratiques :

Utiliser || pour les valeurs par défaut

function greet(name) {
  name = name || "Guest";
  console.log("Hello, " + name + "!");
}

greet("Alice"); // Output: Hello, Alice!
greet(); // Output: Hello, Guest!

Explication :

  • Si nom n'est pas fourni, l'opérateur || attribue la valeur par défaut "Invité".

Utilisation && pour l'exécution conditionnelle

let user = {
  name: "John",
  age: 25,
  isAdmin: true
};

if (user.isAdmin && user.age > 18) {
  console.log("Welcome, Admin!");
} else {
  console.log("Welcome, User!");
}

Explication :

  • L'opérateur && vérifie si les deux conditions (user.isAdmin et user.age > 18) sont vraies.

Utilisation ! pour la négation

let isLoggedIn = false;

if (!isLoggedIn) {
  console.log("Please log in.");
} else {
  console.log("Welcome back!");
}

Explication :

  • L'opérateur ! annule la valeur de isLoggedIn. Si isLoggedIn est faux!isLoggedIn est vrai.

Résumé

  • || (OR) : renvoie la première valeur véridique ou la dernière valeur si toutes sont fausses.
  • && (AND) : renvoie la première valeur fausse ou la dernière valeur si toutes sont véridiques.
  • ! (NOT) : renvoie la valeur booléenne opposée de son opérande.

Conclusion

Les opérateurs logiques sont des outils puissants en JavaScript qui vous permettent de créer des conditions complexes et de contrôler le flux de vos programmes. En maîtrisant ||, && et !, vous serez capable d'écrire du code plus dynamique et efficace. Continuez à pratiquer et à explorer pour approfondir votre compréhension des opérateurs logiques en JavaScript.

Restez à l'écoute pour des blogs plus approfondis sur JavaScript ! Bon codage !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn