Maison >interface Web >js tutoriel >Résumé de Javascript si les compétences de la méthode de jugement de condition_javascript
Les instructions conditionnelles sont utilisées pour effectuer différentes actions en fonction de différentes conditions.
Instruction conditionnelle
Habituellement, lorsque vous écrivez du code, vous devez toujours effectuer différentes actions pour différentes décisions. Vous pouvez utiliser des instructions conditionnelles dans votre code pour accomplir cette tâche.
En JavaScript, nous pouvons utiliser les instructions conditionnelles suivantes :
•instruction if - Utilisez cette instruction pour exécuter du code uniquement lorsque la condition spécifiée est vraie
•instruction if...else - Exécutez le code lorsque la condition est vraie et exécutez un autre code lorsque la condition est fausse
•if...else if....else instruction - Utilisez cette instruction pour sélectionner l'un des multiples blocs de code à exécuter
•instruction switch - Utilisez cette instruction pour sélectionner l'un des multiples blocs de code à exécuter
Si déclaration
Cette instruction exécutera le code uniquement si la condition spécifiée est vraie.
Grammaire
Remarque : veuillez utiliser des minuscules si. L'utilisation de lettres majuscules (IF) générera une erreur JavaScript !
Exemple
Quand il est moins de 20h00, générez un message d'accueil "Bonne journée" :
x est :
Bonne journée
Essayez-le par vous-même
Veuillez noter que dans cette syntaxe, il n'y a pas de ..else.. . Vous avez demandé au navigateur d'exécuter le code uniquement si la condition spécifiée est vraie.
Instruction If...else
Utilisez l'instruction if....else pour exécuter du code lorsque la condition est vraie et un autre code lorsque la condition est fausse.
Grammaire
Exemple
Quand il est moins de 20h00, vous recevrez le message d'accueil "Bonne journée", sinon vous recevrez le message d'accueil "Bonsoir".
x est :
Bonne journée
Essayez-le par vous-même
Instruction If...else if...else
Utilisez l'instruction if....else if...else pour sélectionner l'un des multiples blocs de code à exécuter.
Grammaire
x est :
Bonjour
En JavaScript, quelles valeurs peuvent être utilisées comme conditions de if
1. Variable booléenne vrai/faux
2. Le nombre n'est pas 0, pas NaN/ (0 ou NaN)
Voir l'exemple ci-dessous. Ne pensez pas qu'un nombre négatif signifie que l'instruction if est fausse.
3. L'objet n'est pas nul/(null ou non défini)
4. La chaîne n'est pas une chaîne vide ("")/une chaîne vide ("")
Pour résumer, pour les chaînes, pas besoin d'écrire beaucoup de if (str!=null && str!=undefined && str !=''), utilisez juste une phrase
C'est tout.
Pour le jugement non vide des nombres, vous devriez envisager d'utiliser la fonction isNaN(). NaN n'est égal à aucun type de données, y compris elle-même, et ne peut être jugée qu'avec isNaN(). Pour les types numériques, if(a) est faux lorsque a dans l'instruction if(a) est 0, et if(a) est vrai lorsqu'il n'est pas 0
Tutoriel javascript : Méthodes d'optimisation des instructions if si abréviation
UglifyJS est un outil pour compresser et embellir le javascript. Dans sa documentation, j'ai vu plusieurs méthodes pour optimiser les instructions if. Bien que je ne l'ai pas utilisé pour faire des tests provisoires, vous pouvez voir ici qu'il embellit js. Certaines personnes peuvent penser que l'instruction if est aussi simple que cela, dans quelle mesure peut-elle être optimisée ? Mais jetez un œil aux méthodes suivantes et vous pourriez changer d’avis.
1. Utilisez des opérateurs ternaires courants
if (foo) bar(); else baz(); ==> ; foo?baz():bar();
if (foo) return bar(); else return baz(); return foo?bar():baz();
Vous serez certainement familier avec l'utilisation ci-dessus de l'opérateur ternaire pour optimiser les instructions if, peut-être que vous l'utilisez souvent.
Exemple donné par Script House :
100
2. Utilisez les opérateurs et(&&) et ou(||)
if (foo) bar(); ==> foo&&bar();if (!foo) bar();
Pour être honnête, je n'ai jamais écrit de code comme celui-ci. J'ai vu cette façon d'écrire lorsque j'étudiais "Brother Niao's Linux Private Cooking", mais je ne m'attendais pas à l'implémenter en js.
if (foo) return bar(); else thing(); ==>
Vous et moi connaissons cette méthode d'écriture, mais je vous recommande de le faire lors de l'optimisation du code, ou de laisser UglifyJS vous aider à le résoudre. Après tout, s’il manque une accolade, la lisibilité du code n’est pas élevée.En écrivant ceci, j'ai pensé à une méthode pour obtenir les attributs des éléments HTML dans "Mastering JavaScript" du père de jQuery.
function getAttr(el, attrName){
var attr = {'for':'htmlFor', 'class':'className'}[attrName] || attrName;
};
Si nous ne l'écrivons pas de cette façon, nous devrons peut-être utiliser deux instructions if pour le traiter. Le code ci-dessus est non seulement concis et efficace, mais également très lisible.
[compétences javascript] if(x==null) abréviation
if(x==null) ou if (typeof (x) == 'undefined') peut être abrégé comme if(!x), ce qui n'est pas vérifié.
Au contraire si(x) signifie que x n'est pas vide
Déterminer si l'objet existe