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

Copier le code Le code est le suivant :

si (condition)
{
Code exécuté uniquement lorsque la condition est vraie
}

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" :

Copier le code Le code est le suivant :

si (heure<20)
{
x="Bonne journée";
}

Le résultat de

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

Copier le code Le code est le suivant :

si (condition)
{
when Code exécuté lorsque la condition est vraie
}
else
{
Code exécuté lorsque la condition n'est pas vraie
}

Exemple
Quand il est moins de 20h00, vous recevrez le message d'accueil "Bonne journée", sinon vous recevrez le message d'accueil "Bonsoir".

Copier le code Le code est le suivant :

si (heure<20)
{
x="Bonne journée";
}
else
{
x="Bonsoir";
}

Le résultat de

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

Copier le code Le code est le suivant :

if (Condition 1)
{
Code exécuté lorsque la condition 1 est vraie
}
else if (condition 2)
{
Code exécuté lorsque la condition 2 est vraie
}
else
{
Code exécuté lorsque ni la condition 1 ni la condition 2 ne sont vraies
>

Instance
Si l'heure est inférieure à 10h00, le message d'accueil "Bonjour" sera envoyé, Sinon si l'heure est inférieure à 20h00, envoyez le message d'accueil "Bonne journée", sinon envoyez le message d'accueil "Bonsoir" :

Copier le code Le code est le suivant :

si (heure<10)
{
x="Bonjour";
}
sinon si (heure<20)
{
x="Bonne journée";
}
sinon
{
x="Bonsoir";
}

Le résultat de

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.

Copier le code Le code est le suivant :

var i = -1;
if(i ){
alert('ici');
}else{
alert('le test est ok !');
}

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

Copier le code Le code est le suivant :

if(!str){
//faire quelque chose
}

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

Copier le code Le code est le suivant :

var b;
var a = 0;
a = a b;
if(a){
alert('1');
}else{
alert('2');
}
if(isNaN (a)){
alert('a is NaN');
}

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 :

Copier le code Le code est le suivant :

<script><br>var i =9<br>var ii=(i>8)?100:9;<br>alerte(ii);<br></script>

Résultat de sortie :

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.

3. Omettre les accolades {}

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.

Si vous y réfléchissez bien, nous pouvons souvent trouver des moyens efficaces de résoudre les problèmes, mais la clé réside dans notre diligence à trouver un meilleur moyen.

[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

Copier le code Le code est le suivant :if(document.form1.softurl9){

//Déterminer si softurl9 existe pour éviter les erreurs js

}

Copier le code Le code est le suivant :if(document.getElementById("softurl9" )){

//Déterminer si softurl9 existe pour éviter les erreurs js

}