Contacts

L'opérateur JavaScript vous permet de définir les branches de programme nécessaires. JavaScript: Si et bien - Instructions pour les conditions. Opérations logiques sur les termes

Bonne journée. En contact, Alexey Gulein. Dans le dernier article, nous sommes démontés création de cycles dans JavaScript . Dans cet article, je voudrais parler de opérateur conditionnel en JavaScript. En général, toute la programmation consiste en des conditions et dans toutes les langues de programmation (JavaScript n'a pas dépassé), il existe un concept d'opérateur conditionnel. La signification de l'opérateur conditionnel C'est que si la condition est effectuée, ces actions sont effectuées si elle n'est pas terminée - puis effectuez d'autres actions. Le schéma général de l'opérateur conditionnel ressemble à ceci:

Si (condition) (// bloc d'opérateurs); Sinon (// bloc d'opérateurs)

Écris immédiatement n'importe quel exemple: nous demanderons le numéro d'utilisateur et, s'il en est même, la sortie "Ceci est un nombre pair", si non - "C'est un étrange":

Opérateur conditionnel JavaScript

Si vous composez ce code, vous verrez que tout fonctionne. Maintenant je vais vous montrer à quel point syntaxe en JavaScript. Supprimer le signe ";" Avant d'autres et que le code cesse d'arrêter de travailler. Par conséquent, soyez toujours prudent. Dans l'un des articles suivants, je vais dire comment attraper des erreurs dans JavaScript.
Un opérateur conditionnel peut insérer dans une autre. Ajoutons la vérification que l'utilisateur a fait le numéro "0".

Opérateur conditionnel JavaScript

Maintenant, je vais vous montrer comment vérifier plusieurs conditions. Il y a un tel concept en tant que logique "et" (dénoté par les symboles &&). Il y a aussi un concept logique "ou" (noté par des symboles ||). Priorité dans la logique "et" plus haut, c'est-à-dire Tout d'abord, vérifiez cette condition, puis vérifiez la logique "ou".
Analysons un tel exemple: laissez-nous créer un nombre aléatoire de 1 à 10. Il est nécessaire de diffuser l'expression "le numéro souhaité \u003d" et le nombre lui-même, si ce numéro n'est pas égal à 6 et plus de 5 ou plus 1 , mais moins de 4:

Opérateur conditionnel JavaScript

Dans ce cas, les nombres souhaités sont: 2,3,7,8,9,10. D'autres chiffres ne sont pas conformes à la condition.
Je veux aussi attirer votre attention sur l'opérateur "! \u003d", Ce qui signifie "pas égal". Enfin, lorsque les conditions de rédaction font attention à la disposition des supports. La plupart des erreurs sont associées à leur arrangement incorrect.

Dans la vie quotidienne, il est souvent nécessaire de prendre une décision, en fonction de la condition. Par exemple, si le temps est chaud le week-end, nous allons manger sur la mer, sinon, s'il est couvert, puis vous asseoir à la maison.

Dans la programmation, cela se trouve également très souvent. Pour cela existent Deux opérateurs conditionnels, c'est-il si-d'autre et un cas de commutation. Dans cet article, je vous dirai sur la déclaration if-sinon et dans le prochain article sur le cas de la commutation.

La syntaxe de l'opérateur conditionnel si-d'autre Suivant:


Si l'état de vérité (vrai), le code est exécuté à partir du bloc IF, sinon, si la condition est fausse, le code du bloc d'entiers est effectué.

Pour une meilleure compréhension, nous prenons un exemple aussi simple, nous avons une certaine somme d'argent et nous voulons acheter une voiture, et ici, il arrive immédiatement une telle condition si nous avons assez d'argent, nous pouvons acheter cette voiture, sinon nous ne pouvons pas .

Var Money \u003d 35000; // Supposons que nous ayons 35 000 euros // la voiture que nous voulons acheter coûte 50 000 euros. Et une telle condition si elle se pose (argent\u003e 50000) (document.write ("Nous pouvons acheter une voiture");) d'autre (document.write ("pas assez d'argent pour acheter une voiture"););

Nous enregistrons le document, ouvrons-le dans le navigateur et voyons que ce message "Pas assez d'argent pour l'achat d'une voiture a été lancé sur la page. Si nous avions plus de 50 000 euros, j'exécuterais le code du bloc IF. Si nous étions exactement 50 000 euros, nous ne pouvions pas non plus acheter de voiture, car 50 000 pas plus de 50 000. Pour que la maladie soit dans ce cas, il est nécessaire d'écrire un signe plus ou égal à (\u003e \u003d).

Commenter! Le fonctionnement logique est également écrit par deux signes d'égalité (\u003d\u003d). Il y a aussi une opération logique inférieure ou égale à (

utiliser des crochets

Si un seul opérateur est présent, les crochets bouclés doivent être installés si le bloc est plus d'un opérateur, les supports bouclés sont nécessaires.

L'exemple ci-dessus fonctionnera parfaitement et sans crochets curieux, puisqu'un seul opérateur est situé dans les deux blocs.

À l'intérieur si vous pouvez écrire des opérations logiques, qu'ils soient simples ou complexes. Vous pouvez utiliser des opérateurs et (&&) et ou (||).

Commenter! La présence du bloc d'entier n'est pas obligatoire.

Par exemple, si A est égal à B, et c est d, alors nous affichons le message correspondant, sinon s'il n'y a pas de bloc d'autre, nous allons simplement aller plus loin à la ligne suivante.

Var a \u003d 4, b \u003d 4, c \u003d 8, d \u003d 8; si ((a \u003d\u003d b) && (c \u003d\u003d d)) document.write ("A est égal à b et c est d"); Document.write ("Liste de code suivante");

Si - sinon si - autre

Après le bloc IF, un et plus d'autre si les blocs peuvent suivre, et à la fin déjà le bloc d'en plus. Il est pratique dans le cas où vous devez utiliser plus d'une condition.


Pour une meilleure compréhension, prenez une sorte d'exemple de la vie quotidienne. Par exemple, nous avons un certain nombre de points de vente. Si nous n'avons qu'un seul point de vente dans la pièce, nous ne pouvons connecter qu'un seul périphérique si deux sorties peuvent connecter deux périphériques et, le cas échéant, nous pouvons vous connecter au réseau électrique, tous les appareils de la maison.

Nous nous tournons maintenant vers la programmation.

Socket Var \u003d 2; // Nombre de prises dans la maison si (socket \u003d\u003d 1) document.write ("

Nous ne pouvons connecter qu'un seul appareil

"); Sinon si (socket \u003d\u003d 2) (document.write ("

Nous pouvons connecter seulement deux périphériques

"); document.write ("

Par exemple, TV et ordinateur portable

");) D'autre (document.write ("

Nous pouvons connecter tous les appareils de la maison au réseau électrique.

"); }

Selon la valeur de la variable de prise, l'un ou l'autre bloc de code fonctionnera. Comme vous avez probablement compris que si la prise est 1, le premier bloc du code fonctionnera. Si la prise est 2, le deuxième bloc du code fonctionnera et si la prise a une autre valeur (même un nombre négatif), le troisième code de blocage fonctionnera.

Entrée abrégée si sinon

L'enregistrement abrégé peut être utilisé dans le cas lorsque cela dépend de la condition, la variable peut obtenir cette valeur ou cette valeur.


Par exemple, si la valeur de la variable A est supérieure à la valeur de la variable B, alors dans la variable x, nous écrirons un tel message "une variable supérieure à la variable B", sinon nous écrivons que "variable a moins que la variable B ".

Var a \u003d 50, b \u003d 100, x; x \u003d (a\u003e b)? "

Variable A. suite Variable B.

" : "

Variable A. moins Variable B.

"; // affiche le document résultant.Write (x) résultat;

C'est tout ce que je voulais vous dire dans cet article. La déclaration conditionnelle if-else est utilisée que dans chaque script, il est donc très important de le savoir et de comprendre. Dans le prochain article, je vous dirai sur un autre revitalisant de cas d'interrupteur.

Opérateurs conditionnels

Les opérateurs conditionnels vous permettent de sauter ou d'effectuer d'autres opérateurs en fonction de la valeur de l'expression spécifiée. Ces opérateurs sont des points de prise de décision dans le programme, et parfois ils sont également appelés opérateurs de "ramification".

Si vous soumettez que le programme est la route et que l'interpréteur JavaScript est un voyageur, les opérateurs conditionnels peuvent être représentés comme une intersection, où le code de programme sucrit deux routières ou plus, et à de telles intersections, l'interprète doit choisir. quelle route pour passer à autre chose.

Opérateur si / autre

L'instruction IF est un contrôleur de base permettant à l'interprète JavaScript de faire des solutions ou, plus précisément, les opérateurs en fonction des conditions. L'opérateur si a deux formes. D'abord:

si (expression) opérateur

Dans ce formulaire, l'expression est d'abord calculée. Si le résultat est vrai, l'opérateur est exécuté. Si l'expression renvoie une fausse valeur, l'opérateur n'est pas exécuté. Par example:

If (nom d'utilisateur \u003d\u003d null) // si la variable nom d'utilisateur est null ou indéfini nom d'utilisateur \u003d "alex"; // le déterminer

Veuillez noter que les crochets autour de l'expression conditionnelle sont une partie obligatoire de la syntaxe de l'opérateur IF.

La deuxième forme de l'opérateur de si elle entre dans la conception de l'autre, qui est effectuée dans les cas où l'expression renvoie une fausse valeur. Sa syntaxe:

si (expression) opérateur1 autre opérateur2

Ce formulaire effectue le opérateur1 si l'expression renvoie la valeur vraie et le opérateur2, si l'expression renvoie une fausse valeur. Par example:

If (n \u003d\u003d 1) console.log ("1 nouveau message reçu"); Sinon console.log ("reçu" + n + "nouveaux messages");

Opérateur d'autre si.

L'instruction IF / SINE calcule la valeur d'expression et effectue un ou plusieurs fragments du code du programme, en fonction du résultat. Mais si vous avez besoin d'exécuter l'un des nombreux fragments? Un moyen possible de faire cela est d'appliquer l'autre relevé de l'autre. Officiellement, ce n'est pas un opérateur JavaScript indépendant; Ce n'est qu'un style de programmation commun, qui consiste à appliquer l'opérateur récurrent si / autre:

If (n \u003d\u003d 1) (// exécutez le bloc 1) sinon si (n \u003d\u003d 2) (// exécutez le bloc 2) sinon si (n \u003d\u003d 3) (// exécutant le bloc 3) d'autre (// si ni L'une des déclarations précédentes n'a pas été exécutée, exécute le bloc 4)

Dans ce fragment, il n'y a rien de spécial. Il s'agit simplement d'une séquence de si les opérateurs, où chaque instruction si elle fait partie de la conception d'essentiel de l'opérateur précédent.

Opérateur de commutateur

La déclaration IF crée une succursale dans le flux d'exécution du programme et la branche de la multiposition peut être mise en œuvre par plusieurs opérateurs. Cependant, ce n'est pas toujours la meilleure solution, surtout si toutes les branches dépendent de la valeur de la même expression. Dans ce cas, il est de ré-calculer la valeur de la même expression dans plusieurs opérateurs.

L'opérateur d'interrupteur est conçu pour de telles situations. Le mot-clé de commutation doit être exprimé entre parenthèses et bloc de code dans les supports bouclés:

interrupteur (expression) (instructions)

Cependant, la syntaxe complète de l'opérateur d'interrupteur est plus compliquée que montré ici. Différents endroits dans le bloc sont étiquetés dans un mot clé cas.Derrière lequel l'expression et le symbole du côlon devraient être.

Lorsque l'instruction de commutation est effectuée, elle calcule la valeur de l'expression, puis recherche l'étiquette de cas correspondant à cette valeur (la correspondance est déterminée à l'aide de l'opérateur d'identité \u003d\u003d\u003d). Si l'étiquette est trouvée, le bloc de code est en cours d'exécution, à partir de la première instruction suivant le cas du boîtier. Si l'étiquette de cas avec la valeur correspondante n'est pas trouvée, l'exécution commence par la première instruction suivant la marque spéciale. défaut:. Si l'étiquette par défaut: manquante, l'unité d'instruction de commutation est complètement ignorée.

Le travail de l'opérateur de commutation est difficile à expliquer en mots, il semble beaucoup plus clair l'explication sur l'exemple. L'instruction de commutation suivante équivaut à répéter si / else des opérateurs affichés dans l'exemple précédent:

Switch (n) (Case 1: // exécute si n \u003d\u003d\u003d 1 // Exécutez le bloc 1 Cause; // Ici, arrêtez le cas 2: // Effectuer si N \u003d\u003d\u003d 2 // Publication du bloc de l'exécution de N \u003d\u003d\u003d 2 // Ici, commencez Case 3: // Effectué si N \u003d\u003d\u003d 3 // Exécuter le bloc 3 Breakf; // STOP DEFAUT: // Si tout le reste ne correspond pas ... // BLOCK BLOCK 4 BREAKE; //)

Faites attention au mot clé se rompre À la fin de chaque bloc de cas. L'opérateur de pause conduit au transfert de contrôle à la fin de l'opérateur de commutateur et continuez l'exécution des opérateurs suivant. Les conceptions de cas dans l'instruction de commutation Set uniquement le point de départ du code de programme effectué, mais ne spécifient aucun point de terminaison.

En l'absence d'opérateurs de rupture, l'opérateur de commutation commencera à exécuter le bloc de code avec l'étiquette de boîtier correspondant à la valeur d'expression et continuera à effectuer les opérateurs jusqu'à atteindre la fin du bloc. Dans de rares cas, cela est utile pour écrire un code de programme qui passe d'une note de cas à la suivante, mais dans 99% des cas, il devrait être soigneusement rempli chaque bloc de la pause de l'opérateur de cas. (Lorsque vous utilisez le commutateur à l'intérieur de la fonction au lieu de casse, vous pouvez utiliser la déclaration de retour. Les deux opérateurs sont utilisés pour compléter le fonctionnement de l'opérateur de commutateur et empêcher la transition vers la balise suivante.)

Ce qui suit est un exemple plus pratique d'utilisation de l'instruction de commutation, il convertit la valeur en une chaîne dans une méthode en fonction du type de valeur:

Fonction Convert (x) (Switch (typeof x) (// Convertissez un numéro à un cas d'entier hexadécimal "Numéro": Retour X.Tostring (16); // Retournez une chaîne ci-jointe au cas où "String": retour "" + x + "" "; // Tout autre type est converti par la manière habituelle à la valeur par défaut: renvoyer x.tostring ();)) Console.log (convert (1067)); // résultat "42b"

Veuillez noter que dans les deux exemples précédents, les numéros ou les littéraux de chaîne suivaient les mots-clés. C'est la manière dont l'instruction de commutation est la plus souvent utilisée dans la pratique, mais la norme ECMAScript vous permet de spécifier des expressions arbitraires après la casse.

L'opérateur d'interrupteur calcule d'abord l'expression après le mot-clé du commutateur, puis des expressions de cas dans l'ordre dans lequel elles sont spécifiées jusqu'à ce que la valeur de coïncidence soit trouvée. Le fait de la coïncidence est déterminé à l'aide de l'opérateur d'identité \u003d\u003d\u003d et n'utilisant pas l'opérateur d'égalité \u003d\u003d. Par conséquent, les expressions doivent correspondre sans une conversion de types.

Étant donné que l'exécution de l'opérateur d'interrupteur n'est calculée pas toutes les expressions de cas, l'utilisation d'expressions de cas ayant des effets secondaires, telles que des appels de fonctionnalités et des assignations, doit être évitée. SOSLY Tout est limité dans les expressions des expressions constantes de cas.

Comme expliqué précédemment, si aucune des expressions de cas ne correspond pas à l'interrupteur d'expression, l'opérateur de commutateur commence à exécuter l'opérateur avec la valeur par défaut: Tag. Si l'étiquette par défaut: manquant, le corps de l'opérateur de commutateur est complètement ignoré. Veuillez noter que dans les exemples précédents, l'étiquette par défaut: spécifiée à la fin du corps de l'opérateur de commutation après toutes les marques de cas. C'est un endroit logique et habituel pour cela, mais il peut en fait être situé n'importe où dans l'opérateur de commutateur.

Dans cet article, envisagez des opérateurs javascript conditionnels et logiques.

Déclarations conditionnelles JavaScript

Opérateurs conditionnels - Ce sont les opérateurs de la langue javascript (ECMAScript), qui, selon certaines conditions, vous permettent d'effectuer une ou plusieurs instructions spécifiques.

Formes d'opérateurs conditionnels en JavaScript:

  • conditionnel si l'opérateur (avec une branche);
  • opérateur conditionnel si ... d'autre (avec deux branches);
  • opérateur conditionnel d'autre si ... (avec plusieurs branches);
  • opérateur Terner (? :);
  • opérateur de sélection de commutation.

Opérateur conditionnel si

Si Syntaxe d'opérateur:

Si (condition) instruction

La déclaration conditionnelle si la déclaration se compose de:

  • mot-clé si;
  • conditions (expressions entre parenthèses), qui devrait être vraie ou fausse (ou être donnée à l'une de ces valeurs);
  • instructions qui doivent effectuerSi la condition est vraie ou est donnée à elle.

Par example:

Si (vrai) compte \u003d 4;

Dans cet exemple, la valeur est vraie. Cela signifie que l'instruction Count \u003d 4 sera toujours effectuée. Cet exemple est simplement donné pour expliquer le principe de fonctionnement de l'opérateur IF, car Il est privé de tout sens.

Par exemple, nous augmenterons la valeur de la variable des votes à 1, si elle (son type) est un nombre:

Si (type de votes \u003d\u003d\u003d "numéro") vote ++;

Si vous devez effectuer plusieurs instructions, ils doivent être placés entre croceurs:

Si (type de votes \u003d\u003d\u003d "numéro") (votes ++; console.log ("Nombre de votes:" + votes);)

Si (type de votes \u003d\u003d\u003d "numéro") (votes ++;)

Si ... autre opérateur

L'opérateur si ... d'autre est utilisé lorsqu'il est nécessaire lorsque vous êtes la vérité que la condition d'effectuer des instructions et avec d'autres personnes avec mensonge.

Syntaxe:

Si (condition) (une ou plusieurs instructions (une ou plusieurs instructions sera exécutée lorsque la condition est vraie ou donnée à true)) Autres (une ou plusieurs instructions (sera exécutée lorsque la condition est fausse ou est donnée à FALSE))

Par exemple, retirez un message sur la question de savoir si le nombre est même ou non:

Si (numéro% 2) (Console.log ("Nombre d'impair!");) Sinon (console.log ("Number what!");)

La règle de la condition à vrai ou faux

Si l'expression dans la condition de l'instruction IF n'est pas égale à true ou false, alors JavaScript le conduira à l'une de ces valeurs. Il effectue cette action à l'aide de la "règle de mensonges".

Le sens de cette règle: toute expression est vraie, à l'exception des valeurs suivantes.:

  • faux (mensonge);
  • "" ou "" (chaîne vide);
  • Nan (type de données numérique spécial "pas numéro");
  • 0 (numéro "zéro");
  • null (valeur "vide");
  • indéfini (valeur "incertaine").

Par exemple, nous retirerons un message de bienvenue à la console du navigateur, en fonction de la valeur stockée dans la variable NomUser:

Ifuser) (console.log ("hi," + nom + "!");) Sinon (console.log ("Salut, invité!"););

Si la variable nom_utilisateur contiendra une chaîne vide, alors en fonction de la règle des mensonges, elle sera donnée à la valeur de faux. Par conséquent, le message "Salut, Guest!" Sera affiché dans la console .

Et si, par exemple, la variable de nomseuse contiendra la chaîne TIMUR, l'expression de la condition sera donnée à la valeur de TRUE. En conséquence, le message "Salut, Timur!" Apparaîtra dans la console .

Sinon si l'opérateur ... (plusieurs conditions)

Syntaxe:

Si (Condition1) (instructions 1) Autres IF (Condition2) (instructions 2) Autres Si (Condition3) (instructions 3 // ...) Autres si (Condition N) Autres (instructions qui seront exécutées si aucune des conditions n'est pas égal à vrai ou n'est pas donné à cette valeur)

Opérateur conditionnel (ternaire) (? :)

Opérateur Terner - L'opérateur JavaScript pouvant être utilisé lorsqu'il est nécessaire d'effectuer l'une des deux expressions données en fonction de la condition.

Syntaxe:

État? Expression1: expression2.

L'opérateur ternaire est-il composé de trois opérandes séparés par des symboles? et:. La condition de l'opérateur Terchnary est définie dans le premier opérande. Il peut également être conclu entre parenthèses. Si la condition est vraie ou sera donnée à cette valeur, l'expression sera effectuée1, sinon - expression 2.

Par example:

(Numéro\u003e 10)? Console.log ("nombre plus de 10!"): Console.log ("nombre inférieur ou égal à 10");

Dans JavaScript, plusieurs opérateurs ternaires sont autorisés (? :):

Var daynumber \u003d nouvelle date (). GetDay (); Jour \u003d (Daynumber \u003d\u003d\u003d 0)? "Dimanche": (Daynumber \u003d\u003d\u003d 1)? Lundi: (Daynumber \u003d\u003d\u003d 2)? Mardi: (Daynumber \u003d\u003d\u003d 3)? "Mercredi": (Daynumber \u003d\u003d\u003d 4)? "Jeudi": (Daynumber \u003d\u003d\u003d 5)? "Vendredi": (Daynumber \u003d\u003d\u003d 6)? Samedi: "Journée inconnue de la semaine"; Console.log ("aujourd'hui" + jour.TolowerCase () + ".");

L'exemple ci-dessus, mais en utilisant l'enregistrement multiple de l'opérateur si ... d'autre:

Var daynumber \u003d nouvelle date (). GetDay (); Si (Daynumber \u003d\u003d\u003d 0) (jour \u003d "dimanche";) sinon si (daynumber \u003d\u003d\u003d 1) (jour \u003d "lundi";) sinon si (jour \u003d\u003d\u003d 2) (jour \u003d "mardi";) Sinon si (Daynumber \u003d\u003d\u003d 3) (jour \u003d "environnement";) sinon si (Daynumber \u003d\u003d\u003d 4) (jour \u003d "jeudi";) sinon si (jour \u003d\u003d\u003d 5) (jour \u003d "vendredi"; ) Sinon si (daynumber \u003d\u003d\u003d 6) (jour \u003d "samedi";) autre (jour \u003d "Journée inconnue de la semaine";) console.log ("Aujourd'hui" + jour.Tolowercase () + ".");

Opérateur de commutateur

L'instruction Switch est conçue pour effectuer une version des instructions de plusieurs en fonction de la valeur d'expression. Le choix de l'une ou une autre variante est déterminé au moyen d'une égalité stricte du résultat d'une valeur d'expression (cas).

Interrupteur de l'opérateur de syntaxe:

Interrupteur (expression) (Valeur de cas1: // ... instructions qui seront exécutées si le résultat du calcul de l'expression est "Value1" cassée; // Instruction facultative (s'il n'est pas utilisé, le commutateur d'opérateur de commande suivant) VALEUR2: // ... des instructions qui seront exécutées si le résultat du calcul de l'expression est "Value2" cassée; // Instruction facultative (si elle n'est pas utilisée, la commande suivante de l'opérateur de commutation) sera exécutée) / / ... Valeur de cas N: //. .. .. Instructions qui seront exécutées si le résultat du calcul de l'expression est «Valeur» cassée; // Instruction facultative (s'il n'est pas utilisé, la commande suivante de l'opérateur de commutateur ) Par défaut: // Instructions qui seront exécutées si le résultat de l'expression n'est pas égal à l'une des valeurs)

Le mot clé par défaut est facultatif. Il est utilisé lorsque vous devez spécifier les instructions à effectuer si le résultat de l'expression n'est pas égal à une option unique (cas).

L'instruction de rupture est facultative. Il est conçu pour interrompre l'exécution de l'opérateur de commutation et transférer le manuel fonctionnant après.

Par exemple, nous apporterons un message à la console du navigateur sur le nombre de bonbons:

Var comtecandyboys \u003d 1, comteCandygirls \u003d 2, message; Interrupteur (ComptCandyBoys + CountCandygirls) (Cas 1: Message \u003d "Un bonbon"; Case 2: Cas 3: Message \u003d "Deux ou trois bonbons"; Case 4: Message \u003d "Quatre bonbons"; Break; Par défaut: Message \u003d "Pas seul, pas deux, pas trois, pas trois et pas quatre bonbons";) // retirer un message sur la console console.log (message);

Dans l'exemple ci-dessus, l'expression calculée est 3. Par conséquent, le message \u003d "Deux ou trois bonbons" et une pause seront effectués. L'instruction de rupture interrompt une exécution supplémentaire de la déclaration de commutation et transmettra la gestion des instructions fonctionnant après elle, c'est-à-dire Console.log (message). Elle retirera le message à la console "Deux ou trois bonbons".

Par exemple, nous ferons ressortir le jour actuel de la semaine dans la console:

Var jour \u003d ""; Interrupteur (nouvelle date (). GetDay ()) (Case 0: jour \u003d "dimanche"; casse-caisse 1: jour \u003d "lundi"; casse-caisse 2: jour \u003d "mardi"; cassé; case 3: jour \u003d jour \u003d "Mercredi"; casse-caisse 4: jour \u003d "jeudi"; casse-tête 5: jour \u003d "vendredi"; cassé; cas 6: jour \u003d "samedi"; pause; défaut: jour \u003d "Jour inconnu de la semaine" ;) Console.log ("aujourd'hui" + jour.tolowercase () + ".");

Un exemple dans lequel l'instruction de rupture n'est pas utilisée:

Résultat var \u003d "succès"; Commutateur (résultat) (cas "Succès": console.log ("succès!"); Cas "invalidecaptcha": console.log ("Caper invalide!"); Par défaut: console.log ("Erreur!"););

Dans cet exemple, l'expression de l'opérateur de commutation est le succès. Par conséquent, la console.log instruction sera exécutée ("succès!"), Qui apportera le message "Succès!" dans la console. Mais puisque après cela, il n'y a pas d'instruction de rupture, l'exécution du script sera poursuivie dans la version suivante. Ainsi, les instructions seront exécutées avant celles tout en respectant une pause ou la fin de l'opérateur d'interrupteur sera atteinte. À la suite de cet exemple, 3 messages seront affichés dans la console: "Succès!" . "Captcha invalide!" Et "erreur!" .

Dans certains cas, il peut être nécessaire que le comportement, mais pas dans cela. Une erreur est simplement faite ici.

Version fixe de l'exemple:

Résultat var \u003d "succès"; Commutateur (résultat) (cas "Succès": console.log ("succès!"); Casse-cas "invalidecaptcha": console.log ("Caple invalide!"); Pause; défaut: console.log ("erreur!" );)

Opérateurs logiques

Javascript distingue les opérateurs logiques suivants:

  • && - logique "et";
  • || - logique "ou";
  • ! -Logic "pas."

Si les valeurs booléennes sont utilisées dans l'expression logique OPERAND1 && OPERAND2, le résultat de cette expression sera vrai si chacun d'entre eux est vrai; Sinon, la valeur de cette expression sera la valeur de faux.

Faux && faux // faux true && faux // faux faux && true // faux true && vrai // true

Si aucune valeur booléenne n'est utilisée dans l'expression logique OPERAND1 && OPERAND2, le résultat de cette expression sera opérationnel1, s'il peut être donné à FALSE; Sinon, le résultat de cette expression sera operand2.

5 && 0 // 0 1 && 5 // 5 "String" && Undefined // Undefinefind "String1" && "String2" // "String2"

Si dans l'expression logique OPERAND1 || Operand2 a utilisé des valeurs booléennes, le résultat de cette expression sera vrai si au moins l'un d'entre eux est vrai; Sinon, la valeur de cette expression sera la valeur de faux.

Faux || faux // faux vrai || Faux // vrai faux || Vrai // vrai vrai || Vrai vrai.

Si dans l'expression logique OPERAND1 || Operand2 utilise des valeurs non booléennes, le résultat de cette expression sera opérationnel1, si cela peut être donné à vrai; Sinon, le résultat de cette expression sera operand2.

5 || 0 // 5 1 || 5 // 1 "chaîne" || indéfini // "chaîne" "string1" || "String2" // "string1"

Le résultat d'une expression logique! Operand1 sera true si OPERAND1 est faux ou peut être donné à cette valeur; Sinon, le résultat de cette expression sera la valeur de faux.

Faux // true! Vrai // faux! "Rangée" // faux! 5 // false "

JavaScript - Leçon 7. Branchement dans le programme - Si l'opérateur

Très souvent, il y a une situation où nous devons faire une action en fonction de toute condition. Par exemple, nous avons un magasin de vêtements en ligne. Nous demandons à l'utilisateur qu'il (un homme ou une femme) et, selon la réponse, affiche une liste de biens pertinents (hommes ou femmes). Lorsque vous écrivez de tels programmes est utilisé Opérateur conditionnel si.. La syntaxe est la suivante:

Si b (S1)
Sinon (S2)

B. - expression de type logique, et S1. et S2. - Les opérateurs.

Cela fonctionne comme ceci: la valeur de l'expression est calculée. B.Si c'est vrai, alors l'opérateur est effectué S1.Si c'est faux, alors l'opérateur est en cours d'exécution S2.. Ligne Sinon (S2) Vous pouvez réduire.

Je pense que l'exemple sera plus clair. Laissez-nous avoir un formulaire dans lequel l'utilisateur entre 3 valeurs. Nous écrivons un script qui déterminera le maximum des numéros entrés.

Pour commencer, écrivez un code de formulaire dans la page HTML:

JavaScript si

Maintenant sur la page Script.js, écrivez le code de fonction:

fonction Maxznach (Obj) (var a \u003d 1 * obj.zn1.value; var b \u003d 1 * obj.zn2.value; var c \u003d 1 * obj.zn3.value; var m \u003d a; if (b\u003e m) m \u003d b; si (c\u003e m) m \u003d c; obj.res.value \u003d m;)

Donc, notre fonction prend trois valeurs de la forme, pour le maximum ( m.) Nous prenons la valeur uNE.. Ensuite, nous comparons: si la valeur b. Plus maximum (c'est-à-dire uNE.), alors le maximum devient b.Sinon, le maximum reste uNE. (Parce que l'expression entre parenthèses n'est pas vraie). Plus loin, comme comparant la valeur suivante. c. Avec maximum. La réponse est affichée dans le champ de résultat ( res.).

En général, un tel scénario pourrait être écrit en utilisant la méthode max Objet Math.considéré dans la leçon passée et le code se transformerait plus court:

fonction Maxznach (Obj) (var a \u003d 1 * obj.zn1.value; Var B \u003d 1 * obj.zn2.value; Var c \u003d 1 * obj.zn3.value; obj.res.value \u003d math.max (maths .max (A, B), c);)

C'est moi au fait que la programmation est toujours créative et une tâche peut être résolue de différentes manières. La tâche du programmeur trouve l'option la plus optimale. Mais c'est le cas, une retraite lyrique. Revenons à l'opérateur si conditionnel et considérons un exemple plus intéressant. Nous écrivons un script, qui est la période, lorsque vous planifiez le curseur de la souris sur l'image, cela augmentera en créant l'effet de l'approximation.

Comment vous souvenez-vous de HTML Vous pouvez définir la taille de l'image insérée. Si les tailles spécifiées sont plus grandes ou inférieures à l'original, le navigateur fait automatiquement pages d'origine sous ces tailles. Cela nous utilisons. Passons une telle image:

La largeur du pixel d'origine 302. Nous voulons que la photo était de 102 pixels de largeur sur la page et lorsque vous planifiez le curseur, jusqu'à 302 pixels augmentait. Avec la page HTML, tout est clair:

JavaScript si

Et dans notre fonction, en plus de l'opérateur conditionnel, nous utiliserons la fonction JavaScript standard. settimeout.qui provoque une fonction utilisateur à un intervalle de temps donné:

Fonction BIGPICT () (var w \u003d document.tigr.width; si (W Ainsi, la fonction vérifie la largeur de l'image ( largeur) Et, s'il est inférieur à 302 pixels, augmente ensuite cette largeur de 10 pixels. Une fonction settimeout. Appelle notre fonction bigpic chaque demi-seconde, grâce à laquelle la taille de l'image augmentera aussi longtemps que la condition w ne sera pas faux.

Pour rendre visite visuellement une approximation plus facilement, essayez de réduire la largeur de la largeur et du temps de référence à la fonction. Jouez avec ces chiffres et trouvez le plus optimal.

Aujourd'hui, tout le monde, en tant que devoirs, ajoutez notre scénario comme l'image lorsque le curseur de la souris entre dans les valeurs initiales (c'est-à-dire 102 pixels). Si cela ne fonctionne pas, alors téléchargez



Avez-vous aimé l'article? Partagez-le