Partage de conseils sur les expressions && et || dans les conseils javascript_javascript

Si vous êtes débutant, et après avoir lu l'explication détaillée de toutes ces techniques et le fonctionnement de chaque technique, puis les avoir appliquées, vous écrirez des programmes JavaScript plus concis et efficaces.

En effet, les maîtres JavaScript ont utilisé ces techniques pour écrire de nombreux programmes JavaScript puissants et efficaces.

Expressions && et || puissantes
Vous les avez peut-être vus dans les bibliothèques JavaScript et les frameworks JavaScript, alors commençons par quelques exemples de base :

Exemple 1. || (ou)
Définir la valeur par défaut, utilisez généralement

Copier le code Le code est le suivant :

fonction documentTitre(leTitre) {
si (!leTitre) {
theTitle = "Document sans titre";
>
}

Remplacez ceci par :

Copier le code Le code est le suivant :

fonction documentTitre(leTitre) {
leTitre = leTitre || "Document sans titre";
>

Analyse :

Tout d'abord, lisez l'encadré "Conseils" suivant pour voir comment JavaScript détermine les valeurs booléennes
L'opérateur || juge d'abord la vérité ou la fausseté de l'expression de gauche. S'il est vrai, il renvoie immédiatement la valeur renvoyée par l'expression de gauche. Si l'expression de gauche est jugée fausse, il continue à juger. l'expression de droite et renvoie l'expression de droite La valeur de
. Si theTitle est évalué comme étant faux, la valeur de l'expression de droite sera renvoyée. En d'autres termes, si la variable Title est évaluée comme étant vraie, la valeur de theTitle sera renvoyée.
Astuce :
Valeurs jugées fausses par JavaScript : null, false, 0, undefined, NaN et "" (chaîne vide).
N'oubliez pas que les valeurs NaN comme Infinity sont évaluées comme vraies et non fausses. Cependant, NaN est évalué comme faux.
. À l'exception de ce qui précède, toutes les autres valeurs​​sont jugées vraies.

Exemple 2. && (et)

Ne fais pas ça :

function isAdult(age) {
 if (age && age > 17) {
  return true;
 } else {
  return false;
 }
}

Remplacez ceci par :

Copier le code Le code est le suivant :

function isAdult(age) {
âge de retour && âge > 17 ;
>

Analyse :

L'opérateur&& évalue les expressions de gauche. Si l'expression de gauche est évaluée comme fausse, elle renvoie immédiatement fausse, que l'expression de droite soit vraie ou non.
Si l'expression de gauche est vraie, continuez à évaluer l'expression de droite, puis renvoyez le résultat de l'expression de droite
Ça devient amusant

Exemple 3.

Ne fais pas ça :

if (userName) {
 logIn(userName);
} else {
 signUp();
}

Remplacez ceci par :

Copier le code Le code est le suivant :

nom d'utilisateur && login(nom d'utilisateur) || signUp();

Analyse :

Si userName est vrai, appelez la fonction logIn et transmettez la variable userName
Si userName est faux, appelez la fonction logIn sans transmettre aucune variable

Exemple 4.
Ne fais pas ça :

var userID;

if (userName && userName.loggedIn) {
 userID = userName.id;
} else {
 userID = null;
}

Remplacez ceci par :

Copier le code Le code est le suivant :

var userID = userName && userName.loggedIn && userName.id;

Analyse :

Si userName est vrai, appelez user.loggedIn et vérifiez si user.loggedIn est vrai ; s'il renvoie vrai, renvoyez la valeur de retour de la troisième expression
Si userName est vide, renvoie null

Ce qui précède est la première astuce JavaScript partagée avec vous dans cet article. J'espère qu'elle vous plaira.