Des instructions conditionnelles sont utilisées pour effectuer différentes actions en fonction de différentes conditions.
Déclarations conditionnelles
Habituellement, lorsque vous écrivez du code, vous avez toujours besoin d'effectuer différentes actions pour différentes décisions. Vous pouvez utiliser des instructions conditionnelles dans votre code pour accomplir cette tâche.
Dans JavaScript, nous pouvons utiliser les instructions conditionnelles suivantes:
• IF Instruction - Utilisez cette instruction pour exécuter le code uniquement si la condition spécifiée est vraie
• Si ... Instruction Else - Exécutez du code lorsque la condition est vraie et exécutez un autre code lorsque la condition est fausse
• Si ... 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
L'instruction exécute le code uniquement lorsque la condition spécifiée est vraie.
grammaire
La copie de code est la suivante:
si (condition)
{
Seul code exécuté lorsque la condition est vraie
}
Remarque: veuillez utiliser les minuscules si. L'utilisation de majuscules (IF) génère des erreurs JavaScript!
Exemple
Lorsque le temps est inférieur à 20h00, une salutation de "bonne journée" est générée:
La copie de code est la suivante:
si (temps <20)
{
x = "bonne journée";
}
Le résultat de x est:
Bonne journée
Essayez-le vous-même
Notez que dans cette syntaxe, il n'y a pas ..else .. vous avez dit au navigateur d'exécuter le code uniquement si la condition spécifiée est vraie.
Si ... Else Déclaration
Veuillez utiliser l'instruction if ... else pour exécuter du code lorsque la condition est vraie et autre code lorsque la condition est fausse.
grammaire
La copie de code est la suivante:
si (condition)
{
Code exécuté lorsque la condition est vraie
}
autre
{
Code exécuté lorsque la condition n'est pas vraie
}
Exemple
Lorsque l'heure est inférieure à 20h00, vous obtiendrez la salutation "bonne journée", sinon vous obtiendrez la salutation "Bonsoir".
La copie de code est la suivante:
si (temps <20)
{
x = "bonne journée";
}
autre
{
x = "Bonsoir";
}
Le résultat de x est:
Bonne journée
Essayez-le vous-même
Si ... sinon si ...
Utilisez l'instruction if ... else if ... else pour sélectionner l'un des multiples blocs de code à exécuter.
grammaire
La copie de code est la suivante:
si (condition 1)
{
Code exécuté lorsque la condition 1 est vraie
}
sinon si (condition 2)
{
Code exécuté lorsque la condition 2 est vraie
}
autre
{
Code exécuté lorsque ni la condition 1 ni la condition 2 n'est vraie
}
Exemple
Si l'heure est inférieure à 10h00, la salutation "bonjour" sera envoyée, sinon si l'heure est inférieure à 20h00, la salutation "bonne journée" sera envoyée, sinon la salutation "Bonsoir" sera envoyée:
La copie de code est la suivante:
si (temps <10)
{
x = "Bonjour";
}
sinon si (temps <20)
{
x = "bonne journée";
}
autre
{
x = "Bonsoir";
}
Le résultat de x est:
Bonjour
En javascript, quelles valeurs peuvent être utilisées comme conditions
1. Variable booléenne True / False
2. Les numéros ne sont pas 0, pas Nan / (0 ou Nan)
Voir l'exemple ci-dessous, ne pensez pas que les nombres négatifs sont faux.
La copie de code est la suivante:
var i = -1;
if (i) {
alert («ici»);
}autre{
alert ('test est ok!');
}
3. Les objets ne sont pas nuls / (nuls ou non définis)
4. String String non vide ("") / String vide ("")
Pour résumer, pour les chaînes, vous n'avez pas besoin d'écrire beaucoup de si (str! = Null && str! = Undefined && str! = ''), Utilisez simplement une phrase
La copie de code est la suivante:
if (! str) {
// faire quelque chose
}
C'est ça.
Pour les jugements non nuls des nombres, vous devriez envisager d'utiliser la fonction isnan (). Nan n'est égal à aucun type de données, y compris lui-même, et ne peut être jugé que par Isnan (). Pour les types numériques, la déclaration si (a) est 0, si (a) est faux, si (a) n'est pas 0, si (a) est vrai
La copie de code est la suivante:
var b;
var a = 0;
a = a + b;
if (a) {
alerte ('1');
}autre{
alert ('2');
}
if (isnan (a)) {
alert ('a is nan');
}
Tutoriel JavaScript: Méthode d'optimisation de l'instruction IF IF Abréviation
Uglifyjs est un outil pour compresser et embellir JavaScript. Dans sa documentation, j'ai vu plusieurs façons d'optimiser les instructions si. Bien que je ne l'ai pas utilisé pour faire des tests d'essai, nous pouvons voir d'ici qu'il embellit JS. Certaines personnes peuvent penser que si les déclarations sont aussi simples, combien peuvent-elles être optimisées? Mais regardez les voies suivantes et vous pouvez changer d'avis.
1. Utilisez des opérateurs ternaires communs
if (foo) bar (); else baz (); ==> foo? Bar (): baz ();
if (! foo) bar (); else baz (); ==> foo? baz (): bar ();
if (foo) de retour bar (); else retourne baz (); ==> return foo? Bar (): baz ();
Vous êtes sûr de vous familiariser avec l'utilisation ci-dessus des opérateurs ternaires pour optimiser les instructions, et peut-être que vous l'utilisez souvent.
Exemples donnés par wulin.com:
La copie de code est la suivante:
<cript>
var i = 9
var ii = (i> 8)? 100: 9;
alerte (ii);
</cript>
Résultat de sortie:
100
2. Utiliser et (&&) et ou (||) Opérateurs
if (foo) bar (); ==> foo && bar ();
if (! foo) bar (); ==> foo || bar ();
Pour être honnête, je n'ai jamais écrit de code comme celui-ci. J'ai vu cette méthode d'écriture lorsque j'étudiais "Bird Bird's Linux Private Vegetable", mais je ne m'attendais pas à le mettre en œuvre dans JS.
3. Omettre les accolades bouclées {}
if (foo) de retour bar (); autre chose (); ==> {if (foo) return bar (); quelque chose()}
Je connais cette méthode d'écriture, mais je suggère de le faire lors de l'optimisation du code ou de le laisser à UGlifyJS pour vous aider à le résoudre. Après tout, si vous manquez d'une attelle, le code n'est pas lisible.
Après avoir écrit ceci, je pense à une méthode du père de jQuery dans "Masterring JavaScript" pour obtenir les attributs des éléments HTML.
function getAttr (el, attName) {
var attR = {'for': 'htmlfor', 'class': 'classname'} [attName] || attrname;
};
Si nous n'écrivons pas de cette façon, nous devrons peut-être en utiliser deux sites pour le traiter, et le code ci-dessus est non seulement concis et efficace, mais aussi très lisible.
Si vous y réfléchissez attentivement, nous pouvons trouver des moyens efficaces de résoudre le problème dans de nombreux cas, mais la clé est de savoir si nous prenons soin de trouver un meilleur moyen.
【Compétences JavaScript】 Abréviation if (x == null)
if (x == null) ou if (typeof (x) == 'Undefined') peut être abrégé comme si (! x), et n'est pas vérifié.
Au contraire, si (x) signifie que x n'est pas vide
Déterminez si l'objet existe
La copie de code est la suivante:
if (document.form1.softurl9) {
// juger si softurl9 existe pour empêcher les erreurs JS
}
La copie de code est la suivante:
if (document.getElementById ("sofTUrl9")) {
// juger si softurl9 existe pour empêcher les erreurs JS
}