Une brève discussion sur ' && ' et ' || ' en javascript

Parfois, on retrouvera beaucoup de " && " et de " || " dans le framework jQuery ou d'autres plug-ins js Alors que signifient ces deux signes ? Comment utiliser ? Je pense qu'il est encore nécessaire d'approfondir un peu.

1. Principe :

&& Caractéristiques de l'opérateur : Tant qu'une des expressions de l'opération logique est fausse, la valeur false sera prise. Si elle est vraie, elle sera suivie, et si c'est faux, on le prendra avant.

|| Caractéristiques de l'opérateur : Tant que l'une des expressions de l'opération logique est vraie, la valeur true sera prise en premier, et si elle est fausse, elle le sera. être pris en dernier.

Dans les opérations logiques js, nous savons que les cinq types de données 0, "", null, false, undefined et NaN seront jugés comme faux. Ensuite, pendant le fonctionnement logique de js, nous pouvons effectuer des jugements et des processus correspondants basés sur les principes ci-dessus et ces cinq types de données. Accédez directement à la DÉMO...

2. DÉMO originale :

Montrez d'abord le problème ! ! !

Si nous voulons juger la note en fonction des performances de l'élève, par exemple : 90 points signifient A, 80 points signifient B, 60 points signifient C et d'autres points signifient D.

Ensuite, nous pouvons faire ceci :

Code JS :

var score = 90;
var grade = '';
if(score === 90){
 grade = "A";
}else if(score === 80){
 grade = "B";
}else if(score === 60){
 grade = "C";
}else{
 grade = "D";
}
console.log("当前学生等级为：" + grade); // 当前学生等级为：A

Ou ceci :

var score = 90;
var grade = '';
switch(score){
 case 90:
  grade = "A";
  break;
 case 80:
  grade = "B";
  break;
 case 60:
  grade = "C";
  break;
 default:
  grade = "D";
  break;
};
console.log("当前学生等级为：" + grade); // 当前学生等级为：A

3. Optimiser la DÉMO :

En fait, si nous utilisons " && " et " || ", nous n'avons pas à être aussi gênants que ci-dessus.

var score = 90;
var grade = (score===90 && 'A') || (score===80 && 'B') || (score===60 && 'C') || 'D';
console.log("当前学生等级为：" + grade); // 当前学生等级为：A

Le code ci-dessus peut être compris comme suit :

Si la valeur de score est égale à 90, alors l'expression logique de score===90 est vrai (c'est-à-dire vrai), l'opération d'affectation suivante de 'A' sera exécutée et l'opération logique "||" suivante peut également être ignorée (car la caractéristique de l'opérateur "||" est qu'une fois le précédent la valeur est vraie, il n'est pas nécessaire de l'exécuter plus tard).

Si la valeur de score n'est pas égale à 90, alors l'expression logique score===90 n'est pas vraie (c'est-à-dire qu'elle est fausse Selon les caractéristiques de l'opérateur "&&", nous). sachez que "(score=== 90 && 'A')" ce code n'exécutera pas l'opération d'affectation ultérieure de 'A' en même temps, puisque l'intégralité du code "(score===90 && 'A') " est faux, alors selon la caractéristique " || ", l'expression logique entière continuera à être exécutée.

Par analogie, si toutes les expressions logiques précédentes ne sont pas vraies, alors selon les caractéristiques de "||" (si toutes sont fausses, la dernière sera prise), la note finale sera " D".

Nous pouvons également utiliser le formulaire JSON pour traiter les opérations logiques ci-dessus :

var score = 90;
var grade = {90:"A", 80:"B", 60:"C"}[score] || 'D';
console.log("当前学生等级为：" + grade); // 当前学生等级为：A

Ici, nous utilisons les propriétés de l'objet JSON pour lire, lorsque "Objet JSON .properties" Lorsque "value" existe (est vraie), la valeur clé (A, B ou C) de l'attribut correspondant sera obtenue. Lorsque la valeur de l'attribut score n'existe pas dans l'objet JSON, le contenu après "||" sera exécuté, c'est-à-dire que la note se verra attribuer la valeur "D".

Bien sûr, nous constaterons que la comparaison numérique ci-dessus n'est pas très pratique. Par exemple, lorsque le score d'un élève est de 85 points, la note deviendra également « D », ce qui est évidemment inapproprié ! ! !

Nous pouvons donc optimiser davantage le code ci-dessus et changer la "comparaison d'égalité" des valeurs numériques en "comparaison d'intervalles de plage".

var score = 85;
var grade = (score>=90 && 'A') || (score>=80 && 'B') || (score>=60 && 'C') || 'D';
console.log("当前学生等级为：" + grade); // 当前学生等级为：B

Ce qui précède est l'intégralité du contenu de cet article. J'espère que le contenu de cet article pourra apporter une certaine aide aux études ou au travail de chacun. J'espère également soutenir le PHP. Site chinois !

Pour plus d'articles sur « && » et « || » en JavaScript, veuillez faire attention au site Web PHP chinois !