Funcții și condiții dacă altceva în JavaScript. Operatori condiționali în JavaScript - design-altcineva - Condiții în JavaScript - Bazele dacă altceva JS Exemple

Operatori condiționați

Operatorii condiționali vă permit să săriți sau să efectuați alți operatori în funcție de valoarea expresiei specificate. Acești operatori sunt puncte de luare a deciziilor în program și, uneori, sunt numite și ele operatori de "ramificație".

Dacă depuneți că programul este drumul, iar interpretul JavaScript este un călător, trecerea prin el, operatorii condiționali pot fi reprezentați ca o intersecție, în care codul de program ramură două sau mai multe drumuri și la astfel de intersecții trebuie să aleagă interpretul care drum să meargă mai departe.

Dacă / altcineva operator

Declarația IF este un controler de bază care permite interpretului JavaScript să facă soluții sau, mai precis, să efectueze operatorii în funcție de condițiile. Operatorul dacă are două forme. Primul:

dacă operatorul (expresie)

În acest formular, expresia este calculată pentru prima dată. Dacă rezultatul este adevărat, operatorul este executat. Dacă expresia returnează o valoare falsă, operatorul nu este executat. De exemplu:

Dacă (numele de utilizator \u003d\u003d null) // dacă variabila de utilizator este nulă sau nedefinită nume de utilizator \u003d "alex"; // determina-l

Rețineți că parantezele din jurul expresiei condiționate sunt o parte obligatorie a sintaxei de operare.

A doua formă a operatorului dacă introduce designul altceva, care se efectuează în cazurile în care expresia returnează o valoare falsă. Sintaxa sa:

dacă operatorul (expresie) al altcuiva operator2

Acest formular efectuează operatorul1 dacă expresia returnează valoarea adevărată și operatorul2, dacă expresia returnează o valoare falsă. De exemplu:

Dacă (n \u003d\u003d 1) consola.log ("1 mesaj nou primit."); Alte Console.Log ("Primit" + N + "mesaje noi");

Operator, dacă.

Declarația IF / Alți calculează valoarea expresiei și efectuează unul sau alt fragment al codului programului, în funcție de rezultat. Dar dacă trebuie să executați unul dintre numeroasele fragmente? Un mod posibil de a face acest lucru este de a aplica altceva dacă declarația. În mod oficial, nu este un operator independent JavaScript; Acesta este doar un stil de programare comun, care constă în aplicarea operatorului recurente dacă / altcineva:

Dacă (n \u003d\u003d 1) (// efectuează blocul 1) altfel dacă (n \u003d\u003d 2) (// rulează bloc 2) altfel dacă (n \u003d\u003d 3) (// rulează bloc 3) altceva (// dacă nici nu Unul dintre declarațiile anterioare din altceva nu a fost executat, executați blocul 4)

În acest fragment nu este nimic special. Aceasta este doar o secvență de operatori, în cazul în care fiecare instrucțiune face parte din elaborarea altcuiva a operatorului anterior.

Schimbați operatorul

Declarația IF creează o sucursală în fluxul de execuție a programului, iar ramura de multipoziție poate fi implementată de mai multe informații dacă operatorii. Cu toate acestea, aceasta nu este întotdeauna cea mai bună soluție, mai ales dacă toate ramurile depind de valoarea aceleiași expresii. În acest caz, deșeurile sunt re-calculați valoarea aceleiași expresii în mai multe operatori.

Operatorul de comutare este conceput pentru astfel de situații. Cuvântul cheie al comutatorului trebuie exprimat în paranteze și bloc de cod în paranteze Curly:

comutator (expresie) (instrucțiuni)

Cu toate acestea, sintaxa completă a operatorului de comutare este mai complicată decât este prezentată aici. Diferitele locuri din bloc sunt etichetate într-un cuvânt cheie caz.În spatele căruia ar trebui să fie simbolul expresiei și al colonului.

Când se efectuează instrucțiunea de comutare, acesta calculează valoarea expresiei și apoi caută eticheta cazului corespunzătoare acestei valori (corespondența este determinată utilizând operatorul de identitate \u003d\u003d\u003d). Dacă se găsește eticheta, blocul de cod se execută, pornind de la prima instrucțiune după cazul cazului. Dacă eticheta cazului cu valoarea corespunzătoare nu este găsită, execuția începe cu prima instrucțiune după marca specială mod implicit:. Dacă eticheta implicită: lipsește, unitatea de instrucțiuni comutator este pe deplin sărită.

Lucrarea operatorului de comutare este dificil de explicat în cuvinte, pare mult mai clar explicația cu privire la exemplu. Următoarea instrucțiune de comutare este echivalentă cu repetarea operatorilor dacă / altcineva afișate în exemplul anterior:

Comutator (n) (Cazul 1: // rulează dacă n \u003d\u003d\u003d 1 // rulați blocul 1 pauză; // aici STOP CASE 2: // Efectuați dacă n \u003d\u003d\u003d 2 // rulați blocul 2 pauză; / / Aici începeți cazul 3: // efectuat dacă n \u003d\u003d\u003d 3 // rulați blocul 3 pauză; // opriți implicit: // dacă totul altceva nu se potrivește ... // Run bloc 4 pauză; //)

Acordați atenție cuvântului cheie pauză La sfârșitul fiecărui caz de caz. Operatorul de pauză duce la transferul de control la sfârșitul operatorului de comutare și să continue executarea operatorilor urmând. Desenele de caz în instrucțiunea de comutare se stabilesc numai punctul de plecare al codului programului efectuat, dar nu specificați niciun punct final.

În absența operatorilor de spargere, operatorul de comutare va începe să execute blocul de cod cu eticheta de caz corespunzătoare valorii expresiei și va continua să efectueze operatorii până când ajunge la sfârșitul blocului. În cazuri rare, acest lucru este util pentru scrierea unui cod de program care trece de la un punct de caz la altul, dar în 99% din cazuri ar trebui să fie finalizată cu atenție fiecare bloc al pauzei operatorului de caz. (Când utilizați comutatorul din interiorul funcției, în loc de pauză, puteți utiliza instrucțiunea de retur. Ambii operatori sunt utilizați pentru a finaliza funcționarea operatorului de comutare și pentru a preveni tranziția la următoarea etichetă de caz.)

Următorul este un exemplu mai practic de utilizare a instrucțiunii de comutare, convertește valoarea la un șir într-o metodă dependentă de tipul de valoare:

Funcție Convert (x) (comutator (The TypeOf X) (// Conversia unui număr la un număr întreg hexazecimal "Număr": Return X.Tostring (16); // Return un șir închis în cazul "String": Return "" " + x + "" "; // Orice alt tip este convertit de modul obișnuit la implicit: retur x.tostring ();)) consolă.log (convertiți (1067)); // rezultat "42b"

Rețineți că în cele două exemple anterioare, numerele sau literalele de șir au urmat cuvintele cheie. Acesta este modul în care declarația de comutare este folosită cel mai adesea în practică, dar standardul ECMAScript vă permite să specificați expresii arbitrare după caz.

Operatorul de comutare calculează mai întâi expresia după cuvântul cheie al comutatorului și apoi expresiile de caz în ordinea în care sunt specificate până la găsirea valorii de coincidență. Faptul de coincidență este determinat utilizând operatorul de identitate \u003d\u003d\u003d și nu utilizând operatorul de egalitate \u003d\u003d, prin urmare, expresiile trebuie să se potrivească fără nici o conversie de tipuri.

Deoarece fiecare altă execuție a operatorului de comutare se calculează nu toate expresiile de caz, utilizarea expresiilor de caz care au efecte secundare, cum ar fi apelurile și sarcinile de caracteristică, ar trebui evitată. Sostul este limitat în expresiile expresiilor constante de caz.

După cum sa explicat anterior, dacă niciunul dintre expresiile de caz nu corespund comutatorului de expresie, operatorul de comutare începe să funcționeze operatorul cu implicit: etichetă. Dacă eticheta implicită: lipsește, corpul operatorului de comutare este complet omorât. Rețineți că, în exemplele anterioare, eticheta implicită: specificată la sfârșitul corpului operatorului de comutare după toate semnele de caz. Acesta este un loc logic și obișnuit pentru el, dar de fapt poate fi localizat oriunde în interiorul operatorului de comutare.

Sursa pentru acest exemplu interactiv este stocată într-un depozit GitHub. Dacă doriți să contribuiți la proiectul Interactive Exemple, vă rugăm să clonați https://github.com/mdn/interactive-examples și trimiteți-ne o cerere de tragere.

Sintaxă

Dacă (condiție) declarație1 condiție o expresie considerată a fi fie trouthy, fie fals. Declarație1 declarație care este executată dacă condiția este adevărată. Poate fi orice declarație, inclusiv în continuare imbricată dacă statele. Pentru a executa mai multe declarații, utilizați o declarație bloc ((...)) pentru a grupa declarațiile respective. Pentru a executa declarații, utilizați o declarație goală. Declarație2 Declarația care este executată dacă condiția este falsificată și clauza de altceva există. Poate fi orice declarație, inclusiv state bloc și imbricate ulterior dacă statele.

Descriere.

Mai multe dacă ... Statele membre pot fi imbricate pentru a crea altceva dacă clauza. Rețineți că nu există nici un cuvânt cheie (într-un singur cuvânt) în JavaScript.

Dacă (condiție1) declarație1 altceva dacă (condiție2) declarație2 altceva dacă (condiție3) Declarație3 ... altceva declarație

Pentru a vedea cum funcționează acest lucru, acesta este modul în care ar arăta dacă cuibările au fost indentate corespunzător:

Dacă (condiție1) declarație1 altceva dacă (condiție2) declarație2 altceva dacă (condiție3) ...

Pentru a executa mai multe declarații într-o clauză, utilizați o instrucțiune bloc ((...)) pentru a grupa aceste state. În general, este o bună practică de a utiliza întotdeauna stări bloc, în special în codul care implică imbricate dacă statele:

Dacă (condiție) altceva (state2)

Nu confunda valorile primitive booleene adevărate și false cu adevărul sau falsitatea obiectului boolean. Orice valoare care nu este falsă, nedefinită, nulă, 0, -0, nan sau șirul gol ("") și orice obuty, inclusiv un obiect boolean a cărui valoare este falsă, este considerată adevărul atunci când este folosit ca o condiție. De exemplu:

Var b \u003d nou boolean (fals); dacă (b) // această condiție este TOUTHYY

Exemple.

Folosind dacă ... altfel

dacă (cipher_char \u003d\u003d\u003d de la_char) (rezultatul \u003d rezultatul + to_char; x ++;) altceva (rezultat \u003d rezultat + clear_char;)

Folosind altfel dacă.

Rețineți că nu există nicio sintaxă în JavaScript. Cu toate acestea, îl puteți scrie cu un spațiu între altceva și dacă:

Dacă (x\u003e 50) (/ * doo dreapta * /) altfel dacă (x\u003e 5) (/ * doo dreapta a * /) altceva (/ * face dreapta * /)

Cesiune în expresia condiționată

Este recomandabil să nu utilizați misiuni simple într-o expresie condiționată, deoarece cesiunea poate fi confundată cu egalitatea atunci când se uită peste cod. De exemplu, nu utilizați următorul cod:

Dacă (x \u003d y) (/ * doo dreapta a lui * /)

Dacă trebuie să utilizați o alocare într-o expresie condiționată, o practică obișnuită este de a pune paranteze suplimentare în jurul misiunii. De exemplu:

Dacă ((x \u003d y)) (/ * doo dreptul de * /)

Specificații.

Specificație	Stare.	cometariu
EcMascript ultimul proiect (ECMA-262)	PROIECT.
ECMAScript 2015 (ediția a 6-a, ECMA-262) Definiția "dacă declarația" în această specificație.	Standard.
ECMAScript 5.1 (ECMA-262) Definiția "dacă declarația" în această specificație.	Standard.
Ecmascript ediția a 3-a (ECMA-262) Definiția "dacă declarația" în această specificație.	Standard.
Ecmasrcript Prima ediție (ECMA-262) Definiția "dacă declarația" în această specificație.	Standard.	Definiție inițială.

Compatibilitatea browserului

Tabelul de compatibilitate de pe această pagină este generat din datele structurate. Dacă doriți să contribuiți la date, vă rugăm să consultați https://github.com/mdn/browser-compat-data și trimiteți-ne o cerere de tragere.

Actualizați datele de compatibilitate pe GitHub

	Desktop.						Mobil						Server
	Crom.	Margine.	Firefox.	Internet Explorer.	Operă.	Safari.	Android WebView.	Chrome pentru Android.	Firefox pentru Android.	Opera pentru Android.	Safari pe iOS.	Samsung Internet.	Nod.js.
Dacă ... altfel	Chrome suport complet 1	Suport complet de margine 12	Firefox suport complet 1	Adică suport complet 3	Opera suport complet da	Safari suport complet da	WebView Android suport complet 1	Chrome Android suport complet 18	Firefox Android suport complet 4	Opera Android suport complet da	Safari iOS suport complet da	Samsung Internet Android suport complet 1.0	nODEJS suport complet da

var a \u003d 10; Var b \u003d (a\u003e 1)? 100: 200; Alertă (b);

Dacă starea a\u003e 1. Adevărat, apoi variabil b. Atribuiți o valoare 100 În caz contrar, variabila B atribuie valoarea 200 .

JS 3_4 Sarcina. Pentru a completa codul: 3 variabile locale sunt anunțate utilizând cuvântul cheie VAR. Este necesar să se atribuie valoarea următoarei instrucțiuni ternare în variabila MAX: dacă A este mai mare decât B, apoi returnați a, altfel ne întoarcem b.
Fragment de cod:

dacă (a * b< 6) { result = "Мало"; } else { result = "Много"; }

Întrebări pentru auto-control:

Care este sintaxa operatorului ternar?
Câte argumente au un operator ternar?

Operatorul de comutare în JavaScript - comutator

Operatorul JavaScript al comutatorului servește pentru a verifica variabila la o varietate de valori:

Sintaxă:

comutator (variabilă sau expresie) (opțiunea de caz1: //..block operatori .. pauză opțiune2: //..block operatori .. pauză implicit: //..block operatori ..)

Valoarea unei variabile sau a unei expresii este verificată: în fiecare caz. Una dintre valori este verificată, în cazul unei valori adecvate, unul sau alt bloc de operatori care corespund acestora caz..

Un bloc care începe cu cuvântul de serviciu implicit poate fi omis. Operatorii bloc se vor efectua dacă niciuna dintre valorile enumerate în toate caz. Nu sunt adecvate.

Important: Operatorul de pauză este necesar după fiecare valoare variabilă considerată (după fiecare caz.); Dacă nu o utilizați, atunci vor fi afișate toți operatorii de mai jos.

Comparați cu operatorul Dacă:

var a \u003d 2; Comutator (a) (Cazul 0: // dacă (A \u003d\u003d\u003d 0) Cazul 1: // dacă (A \u003d\u003d\u003d 0) ("zero sau un"); // Apoi luăm ... Break; Cazul 2: // dacă (A \u003d\u003d\u003d 2) ("două"); // Apoi luăm ... pauză; implicit: // altfel alertă ("multe"); // altfel luăm ... )

Cum de a grupa mai multe opțiuni?

Pentru a îndeplini aceiași operatori, o grupare de mai multe caz.. Ca și în exemplul de mai sus:

Cazul 0: Cazul 1: Alertă ("zero sau una"); Pauză; ...

La A \u003d 0 și A \u003d 1, același operator este efectuat: Alertă ("zero sau una");

Exemplul 4: Trimiteți de la utilizator să introducă culoarea. Afișați traducerea în limba engleză. Pentru culoare "albastru" și "albastru" Trimiteți aceeași valoare.

✍ Soluție:

Creați o pagină web cu un schelet HTML și o etichetă script..
Inițializați variabila culoare

Var Color \u003d Prompt ("Ce culoare?");

var Color \u003d Prompt ("Ce culoare?");

Verificați valoarea variabilei utilizând designul switsh.Prin afișarea fiecărei valori - traducerea corespunzătoare:

comutator (culoare) (carcasă "roșu": Alertă ("roșu"); Break; Cas "verde": Alertă ("verde"); Break; // ...

Dacă variabila culoareare sensul "roșu", apoi transferați traducerea în fereastra modală - "roșu" și ieșiți din design (pauză;). Dacă variabila culoare Are semnificația "verde", pentru a afișa în fereastra modală - "verde" și ieși din design (pauză;).

Pentru flori "albastru" și "albastru" Efectuați o grupare:

// ... caz "albastru": caz "albastru": Alertă ("albastru"); Pauză; // ...

Dacă variabila culoareare sensul "albastru" sau variabil culoareare sensul "albastru", apoi afișați traducerea în fereastra modală - "albastru" și ieșiți din design (pauză;).

Organizați ieșirea pentru acele culori care nu sunt furnizate de program:

// ... implicit: Alertă ( "Nu avem informații despre această culoare")) // capătul comutatorului

// ... implicit: Alertă ("Y Nu avem informații despre această culoare")) // Sfârșitul comutatorului

Script de testare în browser.

JS 3_6 Sarcina. Găsiți și corectați erorile din următorul fragment de cod:

14 15 16 17

Var Număr \u003d Prompt ( "Introduceți numărul 1 sau 2:"); Comutator (caz "1" (document.write (unul ");); rupere; caz" 2 "(document.write (" două ");); ruperea; implicit (document.write (Document.Write "Ați introdus o valoare diferită de 1 și 2") ; } ; }

var Număr \u003d Prompt ("Introduceți numărul 1 sau 2:"); Comutator (carcasa "1" (document.write (unul ");); rupere; caz" 2 "(document.write (" două ");); ruperea; implicit (document.write (" "ați introdus o valoare diferită de 1 și 2 "););););););););););););););););););););););););

JS 3_7 Sarcina. Ce va fi afișat pe ecran atunci când efectuați următorul cod?:

1 2 3 4 5 6 7 8 9 10 11 12 13

Var valoare \u003d "2"; Comutator (valoare) (caz "1": Cauza "2": Cauza "3": document.write ("salut"); pauză; caz "4": Cauza "5": document.write ("lume"); Implicit: document.write ("eroare");)

var valoare \u003d "2"; Comutator (valoare) (caz "1": Cauza "2": Cauza "3": document.write ("salut"); pauză; caz "4": Cauza "5": document.write ("lume"); Implicit: document.write ("eroare");)

JS 3_8 Sarcina. Utilizatorul solicită numărul - numărul de corb de pe ramură. În funcție de numărul introdus (nu mai mult de 10), ieșiți mesajul: - se află pe ramură 1 cioară. - se află pe ramură 4 croși - se află pe ramură 10 Roron.

În funcție de numărul introdus, sfârșitul cuvântului se schimbă "cioară".
Pentru a verifica utilizarea operatorului de comutare JavaScript.
Salvați această pagină în dosarul Rezultate (este util pentru lucrări ulterioare).

Întrebări pentru auto-control:

Caz în care este recomandabil ca operator condiționat să folosească designul intrerupator?
Care este blocul implicit din operator intrerupator?
Este necesar să utilizați operatorul de pauză în design intrerupator?
Cum se efectuează gruparea pentru mai multe opțiuni pentru valorile operatorului intrerupator?

Operatorii ciclici ai limbajului JavaScript - pentru

Sintaxă:

pentru (valoarea inițială a contorului; condiție; incrementul contorului) (//..block operatori ..)

Important: Ciclul din JavaScript pentru este utilizat atunci când este cunoscut în avans câte ori ar trebui să se repete acțiunile ciclice (câte iterații la ciclu)

Ca o valoare inițială a contorului de iterație, se utilizează o expresie de atribuire: de exemplu, i \u003d 0 - Contorul ciclului începe de la zero:

pentru (var i \u003d 0; condiție; incrementarea contorului) (//..block operatori ..)

Ca o creștere a contorului, etapa este indicată cu care trebuie să crească contorul: de exemplu, indică faptul că fiecare iteratare a ciclului va fi însoțită de o creștere a 1 :

pentru (var i \u003d 0; condiție; i ++) (//..block operatori ..)

Condiția ciclului este valoarea finală a contorului: de exemplu, I10, oprește ciclul:

pentru (var i \u003d 0; i<10; i++) { //..блок операторов.. }

Luați în considerare un exemplu de utilizare a ciclului în JavaScript:

Exemplul 5: Afișați secvența de numere 0 1 2 3 ... 9 , fiecare cifră - de la o nouă linie. 0 1 2 ... 8 9

✍ Soluție:

Pentru a afișa secvența de numere, vom folosi contorul de ciclism, care trebuie să-și schimbe valoarea de la 0 inainte de 9 Conform secvenței.
Prin urmare valoarea inițială a contorului ciclului Setați valoarea egală cu 0 ; la fel de condiții de ciclu Setați valoarea finală - II \u003d 9; Contorul pas trebuie să fie egal 1 (I ++), deoarece diferența dintre membrii secvenței este una:

pentru (var i \u003d 0; i<10; i++) { document.write(i+"
"); }

În exemplu, valorile contorului ciclului sunt afișate pe ecran, deoarece creșterea contorului I ++, respectiv, va apărea pe ecran 0 1 2 3 ... 9 , și fiecare cifră - de la o linie nouă (etichetă
).

Script de testare în browser.

JS 3_9 Sarcina. 1 inainte de 15 .

Ca o secvență de numere, utilizați contorul ciclului pentru.
Pentru un adder variabil, utilizați identificatorul variabil sUMĂ..

Fragment de cod:

Pentru (var i \u003d ...; ... ...) (Sum \u003d Sum +;) ...

Operatori de ieșire a ciclului pauză și continua. în JavaScript. Operator IEȘIRE

Operatorul de pauză întrerupe întregul corp al ciclului, adică. Ieșiți la ciclu la JavaScript.

În timp ce operatorul continuu întrerupe execuția iterației actuale a ciclului, dar continuând executarea ciclului de la următoarea iterație.

Luați în considerare lucrarea de pauză și continuați operatorii de exemplu:

Exemplu: Oblect algoritmul fragmentului de cod. Ce va fi derivat?

Fragment de cod:

1 2 3 4 5 6

pentru (var i \u003d 0; i< 10 ; i++ ) { if (i== 4 ) continue ; document.write (i+ "
"); dacă (i \u003d\u003d 8) pauză;)

pentru (var i \u003d 0; i<10;i++) { if (i==4) continue; document.write(i+"
"); dacă (i \u003d\u003d 8) pauză;)

✍ Soluție:

În a treia linie a exemplului există o afecțiune din cauza cifrei 4 Nu va afișa: operator continua.treceți la următoarea iterație a ciclului fără a finaliza cea curentă.
În linia numărul 5 ieșiți din ciclu, dar în același timp cifra 8 Acesta va fi afișat, deoarece instrucțiunea de ieșire este de până la starea (în linia 4). Întâlnire pauzăInterpretul va completa funcționarea ciclului.
Asa de Pe ecran va fi: 0 1 2 3 5 6 7 8 - Fiecare cifră dintr-o nouă linie.

JS 3_10. Retrage suma tuturor numerelor întregi de la 1 inainte de 15 , eliminând din numărul total de numere 5 și 7 .

Operator de ieșire

Limba JavaSctIpT oferă un operator de ieșire din codul programului - declarația de ieșire.
Cel mai adesea, operatorul este utilizat pentru a exclude eroarea de intrare a utilizatorului.

Luați în considerare un exemplu:

Exemplul 6: Solicitați utilizatorul Introduceți un număr. Dacă nu este introdus numărul, afișați un mesaj. "Numărul este necesar!" și opriți activitatea programului.

✍ Soluție:

Inițializați variabila număr Valoarea introdusă de utilizator în fereastra modală:

var Număr \u003d Prompt ("Introduceți numărul");

Folosind funcția de parsint a conversiei rândului la un număr întreg, verificați dacă valoarea introdusă este numărul:

numărul \u003d parsint (număr); // retur nan - nu numărul

În cazul în care nu este introdus niciun număr, funcția va returna valoarea NAN (de la limba engleză. nu un număr. - nu numărul).

Verificați valoarea variabilei număr Folosind funcția isnan:

x \u003d isnan (număr); // întoarceți-vă adevărat dacă valoarea nu este numerică

Funcția isnan returnează valoarea adevărat. În cazul în care variabila nu este un număr

De regulile "minciuna" Organizați verificarea valorii variabile X.. Dacă valoarea nu este numerică, comentariul corespunzător și completați programul:

dacă (x) (Alert ("Număr!"); Ieșire; // ieși din program)

Pentru a continua programul (dacă valoarea introdusă a fost numărul), ieșiți următoarea fereastră cu o alimentare de intrare:

alertă ("introduceți al doilea număr"); // Când introduceți, operatorul nu este executat

Script de testare în browser.

Întrebări pentru auto-control:

Listează trei parametri de ciclu pentru Și să-și explice scopul.
Ce operatori sunt concepuți pentru a ieși din ciclu și pentru întreruperea sa? Dați exemple de utilizare a acestora.
Pentru care operatorul este destinat iEȘIRE.?

Există câțiva metri în unul?

O lucrare interesantă cu un ciclu este posibilă atunci când este utilizată În același timp, două contoare în ciclu.
Luați în considerare un exemplu:

Exemplul 7: Folosind scriptul, imprimați următoarele perechi variabile la trei linii: i \u003d 0 j \u003d 2 i \u003d 1 j \u003d 3 i \u003d 2 J \u003d 4

✍ Soluție:

În ciclu, organizați două metri: contra I pentru secvență 0 1 2 , Meter J pentru ieșirea secvenței 2 3 4 :

1 2 3

pentru (i \u003d 0, j \u003d 2; i< 10 , j< 5 ; i++, j++ ) { }

pentru (i \u003d 0, j \u003d 2; i<10, j<5; i++, j++) { }

Fiecare dintre cei trei parametri ai ciclului are acum două valori care sunt enumerate. prin virgule (de exemplu, primul parametru cu două valori: I \u003d 0, J \u003d 2). Parametrii înșiși sunt enumerați printr-o virgulă(;).

Pentru a ieși din fiecare linie, utilizați eticheta
:

1 2 3 4

pentru (i \u003d 0, j \u003d 2; i< 10 , j< 5 ; i++, j++ ) { document.write ("
i \u003d ", I," J \u003d ", J);)

pentru (i \u003d 0, j \u003d 2; i<10, j<5; i++, j++) { document.write("
i \u003d ", I," J \u003d ", J);)

Pagina de generare "În zbor": Cum este?

Înainte de a efectua următoarea sarcină, luați în considerare un exemplu. clădirea dinamică a paginii HTML Cu JavaScript.

Exemplul 8:

Trebuie să generați dinamic listele marcate și numerotate pe pagina web în funcție de datele introduse de utilizator: Cerere de la utilizator să intre vizualizarea listei (numerotate (cifră 1) sau marcată (cifră 2)) și apoi numărul elementelor de listă.
În funcție de răspuns, afișați etichete sau o listă marcată sau numerotată cu numărul necesar de articole.
Dacă este introdus un tip de listă inexistentă, emiteți un mesaj "Introduceți tipul corect!" și ieșiți dintr-un program ().

Recuperarea etichetelor:
listă numerizată Etichete:

<oL\u003e <li\u003e <li\u003e <li\u003e </ ol\u003e

listă marcată Etichete:

var Listtype \u003d Prompt ("Introduceți" 1 "- dacă lista marcată," 2 "- dacă lista numerotată");

Verificați valoarea introdusă: pentru o listă numerotată (cifră 1) Afișați eticheta

Inițializați variabila kolvo. Valoarea introdusă de utilizator în fereastra modală:

var Kolvo \u003d Prompt ("Introduceți numărul de articole");

Pentru a converti valoarea șirului la utilizarea numerică Funcția de parsot:

pentru (var i \u003d 1; i<=kolvo; i++) document.write("");

Deoarece listele sunt închise cu etichete corespunzătoare, în funcție de lista listei, ieșiți etichetele de închidere:

Dacă (listtype \u003d\u003d "1") document.write ("") Altfel dacă (listtype \u003d\u003d" 2 ") document.write ("" ) ;

dacă (listtype \u003d\u003d "1") document.write ("

Script de testare în browser.

JS 3_11 Sarcina.
Scrieți un script care afișează etichete intrare(controale) de diferite tipuri, în funcție de cifrele introduse:

1 - câmpul de text,
2 - buton,
3 - radio.(intrerupator).

De asemenea, trebuie solicitat numărul de etichete derivate.

Recuperarea etichetelor:

Pentru 1 - câmp de text: Pentru 2 butoane: Pentru 3 - Radio:

Un exemplu de ieșire:

JS 3_12 Sarcina. Desenați o placă de șah 9x9 utilizând JavaScript pentru cicluri. Placa "Draw" urmează etichetele HTML pentru o masă:

Recuperarea etichetelor:

<frontiera de masă \u003d "1" lățime \u003d "30%"\u003e <tR\u003e <tD\u003e-</ TD\u003e

-</ TD\u003e </ tr\u003e </ Tabel\u003e

Pentru a desena 9 linii, este necesar să se organizeze un ciclu extern cu un contor I.
Pentru a desena 9 celule în fiecare linie, este necesar să se organizeze un ciclu intern (încorporat) cu un j.
Pentru a desena etichetele de celule și șiruri de caractere, utilizați metoda document.write.

Rezultat:

În plus:

În celulele tabelului, afișați tabelul de multiplicare utilizând contoarele ciclului (I și J).
Primul rând și prima coloană pentru a se retrage cu fundalul roșu (atributul celulelor tabelului Bgcolor):
<td bgcolor \u003d "roșu"\u003e-</ TD\u003e
-

Rezultat:

Întrebări pentru auto-control:

Explicați ce înseamnă conceptul de "clădire dinamică a paginii"?
Ce design de limbă este utilizat cel mai des la construirea unei pagini?

JavaScript ciclic - în timp ce operatorii de limbă

Sintaxă operatorului de carne:

În timp ce (condiția) (//..block operatori ..);

Exemplu: Eliminarea la caseta de dialog 1000 (2, 4, 8 ... 512). Utilizați metoda Alert ()

✍ Soluție:

Listing Script:

1 2 3 4 5

var a \u003d 1; In timp ce.< 1000 ) { a*= 2 ; alert(a) ; }

var a \u003d 1; In timp ce.< 1000){ a*=2; alert(a); }

a * \u003d 2 → Se utilizează o operație de atribuire compozită: un produs combinat cu atribuirea, adică la fel ca A \u003d A * 2

Testați rezultatul în browser.

Cum se rupe și continuați operatorii să lucreze în timpul ciclului?

Exemplu:

var a \u003d 1; In timp ce.< 1000 ) { a*= 2 ; if (a== 64 ) continue ; if (a== 256 ) break ; alert(a) ; }

var a \u003d 1; In timp ce.< 1000){ a*=2; if (a==64) continue; if (a==256) break; alert(a); }

Decendul de grade vor fi emise la 128 inclusiv și valoare 64 va fi uitat. Acestea. În casetele de dialog, vom vedea: 2 4 8 16 32 128

JS 3_13 Sarcina. Ce valori vor fi următorul fragment de cod?

vAR Counter \u003d 5; În timp ce (contor< 10) { counter++; document.write("Counter " + counter); break; document.write("Эта строка не выполнится."); }

JS 3_14 Sarcina. Scrieți codul de construcție h. în grad y.Folosind ciclul de timp. Solicitați valorile variabilelor și ieșirea rezultatului utilizând alertă ().

Cod complet:

1 2 3 4 5 6 7 8 9

var x \u003d ...; var y \u003d ... Counter \u003d 1; chislo \u003d x; În timp ce (...) (CHISLO \u003d X * ...; contra \u003d ...) Alertă (CHISLO);

A Corectați eroarea din programul conceput pentru a găsi numărul numărului:

1 2 3 4 5 6 7 8 9 10 11 12 13

VAR Counter \u003d Prompt ("Introduceți numărul"); var factorial \u003d 1; Document.write ( "Numere factoriale:" + Counter + "! \u003d"); Faceți (dacă (Counter \u003d\u003d 0) (Factorial \u003d 1, Break;) Factorial \u003d Factorial / Contor; Counter \u003d Counter + 1;) în timp ce (Counter\u003e 0); Document.write (factorial);

vAR Counter \u003d Prompt ("Introduceți numărul"); var factorial \u003d 1; Document.write ("numere factoriale:" + contra + "! \u003d"); Faceți (dacă (Counter \u003d\u003d 0) (Factorial \u003d 1, Break;) Factorial \u003d Factorial / Contor; Counter \u003d Counter + 1;) în timp ce (Counter\u003e 0); Document.write (factorial);

JS 3_16 Sarcina. Modificați programul despre introducerea numelui de utilizator:

Solicitați numele utilizatorului până când utilizatorul intră într-adevăr numele (adică, câmpul va fi într-adevăr umplut și cheia de anulare nu poate fi apăsată). Când este introdus numele, apoi ieșiți "Bună, nume!". Document.

Cum se caută erori în JavaScript?

În unele cazuri, codul de pe pagină nu funcționează în incomprehensibil din ce motiv. Unde să caute o greșeală? În astfel de cazuri, puteți aplica declarația de încercare ..catch.

Operatorul de încercare .. Catch încearcă să efectueze un fragment de cod, iar dacă există o eroare în cod, atunci este posibilă indicarea unei erori pe ecran.
Eroarea este stocată în obiectul E.Message.

Luați în considerare activitatea operatorului folosind exemplul:

Exemplu: Scrieți un operator de eroare în program. Verificați prezența unei erori în codul eronat asumat: dacă este prezentă eroarea din cod - eliberați un mesaj "Prelucrarea erorilor: nume de eroare". După verificarea operatorului eronat, indiferent dacă există o eroare în cod, emiteți un mesaj "Acțiuni de finisare"

✍ Soluție:

Ca mesaj cu o eroare, folosim metoda Prompt (), scrisă cu o eroare - promt (). Mesaj de eroare Încorporați în unitatea de încercare:

alertă ("la"); Încercați (Promt (introduceți numărul "); // operator cu o eroare)

Încercați cu engleza. - "Încercarea", am pus operatorul de încercare în fața fragmentului de cod, care, probabil, conține o eroare (în cazul nostru, există într-adevăr o greșeală).

Un mesaj de notificare de eroare trebuie plasat în blocul de captură:

6 7 8 9

Captura (e) (alertă ( "Prelucrarea erorilor:"+ E.message); )

captura (E) (Alert ("Prelucrarea erorilor:" + E.Message);)

Dacă eroarea este într-adevăr acolo, atunci declarația de captură (din engleză. Captură ") salvează această eroare în obiectul E. În viitor, acesta poate fi afișat în caseta de dialog E.Message.

Mesajul final care trebuie să fie emis, indiferent dacă eroarea este în cod, puneți-o în blocul în cele din urmă:

În cele din urmă (alertă ("acțiuni finală");) Alertă ("după");

Dacă există încă o eroare, atunci interpretul după ieșirea sa în exemplul nostru va merge la execuția blocului de captură și apoi în cele din urmă (de la "finalizarea" engleză "," în cele din urmă "), care va fi întotdeauna finalizată, indiferent de dacă eroarea a fost sau nu. Chiar dacă apare o eroare în blocul de captură.

Important: În cele din urmă blocarea în design este opțională.

JS 3_17 Sarcina. Efectuați un exemplu descris mai sus cu următoarele modificări:

Îndepărtați blocul în cele din urmă și urmați executarea codului.
Puneți în loc de un operator eronat inconfundabil și vedeți ce rezultatul va fi.

Rezumat:

Lecția a descris următoarele operatori de limbă JavaScript:

Operatori condiționați JavaScript:

Dacă operatorul
Cesiune condiționată (operator ternar)
Operatorul comutatorului de comutare

Operatori de ciclism:

Ciclu pentru
În timp ce ciclul
Ciclu ... în timp ce
Ciclu pentru ... în

Sarcina finală JS 3_18.
Creați un joc pentru două:

Programul solicită primul jucător să introducă un număr de la 1 inainte de 100 (Al doilea jucător nu vede numărul introdus). Cel de-al doilea jucător solicită apoi să ghicească numărul introdus. Un mesaj este afișat ca răspuns. "Puțini" sau "lot" În funcție de răspunsul introdus. Dacă un jucător ghicit, este afișat o felicitare. Dacă nu ghiciți - jocul continuă (până când numărul este ghicit).
Calculați numărul de încercări și dați rezultatul atunci când numărul este rezolvat.

Întrebări pentru auto-control:

În ce cazuri este recomandabil să utilizați ciclul în ciclu? Denumiți un exemplu de utilizare a acesteia.
Care este scopul acestei declarații de încercare ..catch?
Explicați atribuirea fiecărui bloc de operator de încercare.

În acest articol, ia în considerare operatorii JavaScript condiționali și logici.

JavaScript Situații condiționate

Operatori condiționați - Aceștia sunt operatorii limbii JavaScript (ECMAScript), care, în funcție de o anumită condiție, vă permit să efectuați una sau mai multe instrucțiuni specifice.

Forme de operatori condiționați în JavaScript:

condiționată dacă operatorul (cu o sucursală);
operator condiționat dacă ... altceva (cu două ramuri);
operator condiționat, dacă ... (cu mai multe ramuri);
terner Operator (? :);
comutați operatorul de selecție.

Operatorul condiționat dacă.

Dacă sintaxa operatorului:

Dacă (condiție) instrucțiuni

Declarația condiționată dacă este alcătuită din:

cuvânt cheie dacă;
condiții (expresii în paranteze), care ar trebui să fie adevărate sau false (sau să fie date uneia dintre aceste valori);
instrucțiuni care trebuie să efectuezeDacă starea este adevărată sau este dată.

De exemplu:

Dacă numărul (adevărat) \u003d 4;

În acest exemplu, valoarea este adevărată. Aceasta înseamnă că numărul de instrucțiuni \u003d 4 va fi întotdeauna efectuat. Acest exemplu este dat pur și simplu pentru a explica principiul funcționării operatorului, deoarece El este lipsit de vreun sens.

De exemplu, vom crește valoarea variabilei voturilor la 1, dacă (tipul său) este un număr:

Dacă (tastați voturi \u003d\u003d\u003d "număr") voturi ++;

Dacă trebuie să efectuați mai multe instrucțiuni, ele trebuie plasate în paranteze curată:

Dacă (tastați voturi \u003d\u003d\u003d "număr") (voturi ++; console.log ("Număr de voturi:" + voturi);)

Dacă (tastați voturi \u003d\u003d\u003d "număr") (voturi ++)

Dacă ... altfel operator

Operatorul dacă ... altcineva este utilizat atunci când este necesar atunci când sunteți adevărul decât condiția pentru a efectua câteva instrucțiuni și cu alții.

Sintaxă:

Dacă (condiție) (una sau mai multe instrucțiuni (una sau mai multe instrucțiuni vor fi executate atunci când starea este adevărată sau dată adevărată)) altceva (una sau mai multe instrucțiuni (vor fi executate atunci când starea este falsă sau este dată falsă))

De exemplu, retrageți un mesaj despre dacă numărul este sau nu:

Dacă (numărul% 2) (consola.log ("număr de ciudat!");) Altceva (consola.log ("număr ce!");)

Regula condiției pentru adevărat sau falsă

Dacă expresia în starea de declarație dacă nu este egală cu adevărată sau falsă, atunci JavaScript va duce la una dintre aceste valori. Efectuează această acțiune utilizând așa-numita "regulă".

Semnificația acestei reguli: orice expresie este adevărată, cu excepția următoarelor valori.:

fals (minciună);
"" sau "" (șir gol);
NAN (tip de date numerice speciale "nu număr");
0 (numărul "zero");
null (valoarea "goală");
nedefinit (valoarea "incertă").

De exemplu, vom retrage un mesaj de întâmpinare consolei browserului, în funcție de valoarea stocată în variabila NameUser:

Ifuser) (consola.log ("hi," + nume + "!");) Altceva (consola.log ("hi, oaspete!");)

Dacă variabila NameUser va conține un șir gol, apoi în funcție de regula minciunilor, acesta va fi dat valoarea FALSE. În consecință, mesajul "Bună, oaspete!" Va fi afișat în consola .

Și dacă, de exemplu, variabila NameUser va conține șirul Timur, expresia în această afecțiune va fi dată valorii adevăratei. Ca rezultat, mesajul "Bună, Timur!" Va apărea în consola .

Altfel dacă operatorul ... (mai multe condiții)

Sintaxă:

Dacă (condiție1) (instrucțiuni 1) altfel dacă (condiție2) (instrucțiuni 2) altfel dacă (condiție3) (instrucțiuni 3 // ...) altfel dacă (condiția n) altceva (instrucțiuni care vor fi executate dacă nici una dintre condiții nu este egală cu adevărat sau nu este dată acestei valori)

Operator condiționat (Ternary) (? :)

Terner Operator. - Operatorul JavaScript care poate fi utilizat atunci când este necesar să se efectueze una dintre cele două expresii date în funcție de condiție.

Sintaxă:

Condiție? Expresie1: expresie2.

Operatorul ternar este alcătuit din trei operanzi care sunt separați de simboluri? și:. Condiția operatorului terchnic este stabilită în primul operand. De asemenea, poate fi încheiat în paranteze. Dacă starea este adevărată sau va fi dată acestei valori, expresia va fi efectuată1, altfel - expresia 2.

De exemplu:

(Număr\u003e 10)? Consola.log ("număr mai mare de 10!"): Consola.log ("număr mai mic sau egal cu 10");

În JavaScript, mai mulți operatori ternari sunt permiși (? :):

VAR Daynumber \u003d Data nouă (). Itida (); Zi \u003d (Daynumber \u003d\u003d\u003d 0)? "Duminică": (Daynumber \u003d\u003d\u003d 1)? Luni: (Daynumber \u003d\u003d\u003d 2)? Marți: (Daynumber \u003d\u003d\u003d 3)? "Miercuri": (Daynumber \u003d\u003d\u003d 4)? "Joi": (Daynumber \u003d\u003d\u003d 5)? "Vineri": (Daynumber \u003d\u003d\u003d 6)? Sâmbătă: "Ziua necunoscută a săptămânii"; Consola.log ("Astăzi" + zi.tolowowercase () + ".");

Exemplul de mai sus, dar folosind înregistrarea multiplă a operatorului dacă ... altfel:

VAR Daynumber \u003d Data nouă (). Itida (); dacă (Daynumber \u003d\u003d\u003d 0) (zi \u003d "duminică";) altfel dacă (Daynumber \u003d\u003d\u003d 1) (zi \u003d "luni";) altfel dacă (Daynumber \u003d\u003d\u003d 2) (zi \u003d "marți";) Altfel dacă (Daynumber \u003d\u003d\u003d 3) (zi \u003d "mediu";) altfel dacă (Daynumber \u003d\u003d\u003d 4) (zi \u003d "joi";) altfel dacă (Daynumber \u003d\u003d\u003d 5) (zi \u003d "Vineri"; ) Altfel dacă (Daynumber \u003d\u003d\u003d 6) (zi \u003d "sâmbătă";) altceva (zi \u003d zi necunoscută a săptămânii ";) consola.log (" Astăzi "+ zi.tolowowercase () +". ");

Schimbați operatorul

Declarația de comutare este concepută pentru a efectua o versiune de instrucțiuni de la mai multe, în funcție de valoarea expresiei. Alegerea uneia sau a unei alte variante este determinată prin egalitate strictă a rezultatului unei valori de expresie (caz).

Comutatorul operatorului de sintaxă:

Comutator (expresie) (valoarea cazului1: // ... Instrucțiuni care vor fi executate dacă rezultatul calculului de expresie este întreruperea "valorii1"; // instrucțiune opțională (dacă nu este utilizată, apoi următorul comutator de comenzi de comandă) Valoare2: // ... Instrucțiuni care vor fi executate dacă rezultatul calculului de expresie este întreruperea "valorii2"; // instrucțiune opțională (dacă nu este utilizată, atunci următoarea comandă a operatorului de comutare) va fi executată) / / Valoarea cazului N: // .. Instrucțiuni care vor fi executate dacă rezultatul calculului de expresie este întreruperea "valorii"; // instrucțiune opțională (dacă nu este utilizată, apoi următoarea comandă a operatorului de comutare ) Implicit: // Instrucțiuni care vor fi executate dacă rezultatul expresiei nu este egal cu una dintre valori)

Cuvântul cheie implicit este opțional. Se utilizează atunci când trebuie să specificați instrucțiunile care trebuie efectuate dacă rezultatul expresiei nu este egal cu nici o singură opțiune (caz).

Instrucțiunea de întrerupere este opțională. Acesta este conceput pentru a întrerupe executarea operatorului de comutare și a transfera manualul de funcționare după acesta.

De exemplu, vom aduce un mesaj consolei browserului pe numărul de bomboane:

Var Countcandyboys \u003d 1, Countcandygirls \u003d 2, Mesaj; Comutator (numărăcandyboys + numărăcandygirls) (Cazul 1: Mesaj \u003d "o bomboană"; Break; Cazul 2: Cazul 3: Mesaj \u003d "Două sau trei bomboane"; Break; Cazul 4: Mesaj \u003d "Patru bomboane"; Implicit: Mesaj \u003d "Nu numai, nu doi, nu trei și nu patru bomboane";) // retrage un mesaj la consola consolă.log (mesaj);

În exemplul de mai sus, expresia calculată este 3. Prin urmare, mesajul \u003d "două sau trei bomboane" și vor fi efectuate. Instrucțiunea de întrerupere va întrerupe executarea ulterioară a instrucțiunii comutatorului și va transmite gestionarea instrucțiunii care rulează după aceasta, adică. Consola.log (mesaj). Ea va retrage mesajul la consola "Două sau trei bomboane".

De exemplu, vom scoate în vigoare ziua curentă a săptămânii în consola:

Vary vary \u003d ""; Comutator (Data nouă (). Getday ()) (Cazul 0: Day \u003d "Duminică"; Break; Cazul 1: Day \u003d "Luni"; Break; Cazul 2: Ziua \u003d "Marți"; Break; Cazul 3: Ziua \u003d "Miercuri"; Break; Cazul 4: Ziua \u003d "Joi"; Break; Cazul 5: Ziua \u003d "Vineri"; Break; Cazul 6: Day \u003d "Sâmbătă"; Implicit: Day \u003d "Ziua necunoscută a săptămânii" ;) Consola.log ("Astăzi" + zi.tolowowercase () + ".");

Un exemplu în care instrucțiunea de întrerupere nu este utilizată:

Var rezultat \u003d "succes"; Comutator (rezultat) (caz "succes": consola.log ("succes!"); Cauza "Invalidcaptcha": consola.log ("capac invalid!"); Implicit: consola.log ("eroare!");)

În acest exemplu, expresia operatorului de comutare este de succes. În consecință, instruirea consolei.log va fi executată ("Succes!"), Ceea ce va aduce mesajul "Succes!" în consola. Dar de când nu există instrucțiuni de rupere, atunci executarea scriptului va fi continuată în următoarea versiune. Astfel, instrucțiunile vor fi executate înainte ca cei care încă mai îndeplinesc pauza sau sfârșitul operatorului de comutare va fi atins. Ca urmare a acestui exemplu, 3 mesaje vor fi afișate în consola: "Succes!" . "CAPTCHA INVALID!" Și "Eroare!" .

În unele cazuri, poate fi necesar acest comportament, dar nu în acest sens. O eroare este făcută pur și simplu aici.

Versiunea fixă \u200b\u200ba exemplului:

Var rezultat \u003d "succes"; Comutator (rezultat) (caz "succes": consola.log ("succes!"); Pauză; caz "invalidcaptcha": consola.log ("Invalid Cuplu!"); Break, implicit: Console.log ("Eroare!" );););

Operatori logici

JavaScript distinge pe următorii operatori logici:

&& - logic "și";
||. - logic "sau";
Fotografiile! -Logic "nu".

Dacă valorile booleene sunt folosite în operand1 && operand2 expresie logică, rezultatul acestei expresii va fi adevărat dacă fiecare dintre ele este adevărat; În caz contrar, valoarea acestei expresii va fi valoarea falsă.

Fals && FALSE // FALSE TRUE && FALSE // FALSE FALSE && TRUE // FALSE TRUE && TRUE // TRUE

Dacă nu se utilizează valori booleene în expresia logică Operand1 && operand2, atunci rezultatul acestei expresii va fi operand1, dacă poate fi administrat fals; În caz contrar, rezultatul acestei expresii va fi operand2.

5 && 0 // 0 1 && 5 // 5 "șir" && nedefined // nedefinit "string1" && "string2" // "string2"

Dacă în Operand de expresie logică1 || Operand2 au folosit valori booleene, rezultatul acestei expresii va fi adevărat dacă cel puțin unul dintre ele este adevărat; În caz contrar, valoarea acestei expresii va fi valoarea falsă.

FALSE ||. FALSE // FALSE Adevărat || Fals // adevărat fals || Adevărat // adevărat adevărat || Adevarat adevarat.

Dacă în Operand de expresie logică1 || Operand2 utilizează valori booleene, rezultatul acestei expresii va fi operand1, dacă poate fi administrat adevărat; În caz contrar, rezultatul acestei expresii va fi operand2.

5 ||. 0 // 5 1 || 5 // 1 "String" || nedefinit // "șir" "șir1" || "String2" // "String1"

Rezultatul unei expresii logice! Operand1 va fi adevărat dacă operand1 este falsă sau poate fi acordată acestei valori; În caz contrar, rezultatul acestei expresii va fi valoarea falsă.

FALSE // TRUE! TRUE // FALSE! "ROW" // FALSE! 5 // FALSE "