Instrucțiuni de control sunt instrucțiuni care vă permit să controlați execuția codului programului. De obicei, codul executabil dintr-o instrucțiune de control este denumit corpul acelei instrucțiuni.
Instrucțiunile de control pot fi cuibărite sau utilizate în alte instrucțiuni de control.
Afirmații condiționate
În mod implicit, interpretul JavaScript execută instrucțiuni unul după altul în ordinea în care apar cod sursa... În cazurile în care executarea sau neexecutarea unor instrucțiuni trebuie să depindă de îndeplinirea sau neîndeplinirea unei anumite condiții, se folosesc declarații condiționale.
Dacă afirmație
Afirmația if are două forme. Sintaxa pentru prima formă este:
Expresia dintre paranteze se numește condiția împlinirii dacă afirmații sau condiționat pe scurt. Valoarea expresiei este evaluată mai întâi. Valoarea rezultată, dacă este necesar, este implicit convertită într-un tip boolean. Dacă expresia se evaluează la adevărat, atunci instrucțiunea este executată. Dacă expresia returnează fals, atunci instrucțiunea nu este executată:
Dacă (adevărat) alertă („Finalizat!”); dacă (falsă) alertă („Nu va fi executată!”);
Sintaxa if vă permite să executați o singură instrucțiune, dar dacă trebuie să executați mai multe instrucțiuni, trebuie să utilizați o instrucțiune compusă:
If (true) (var str = "Hello!"; Alert (str);)
Sintaxa pentru a doua formă este:
Declarație If (expresie); afirmație else;
Cuvântul cheie else vă permite să adăugați o declarație pentru a fi executată dacă condiția este falsă:
Dacă alerta (falsă) („Nu va fi executată”); else alert („Executați”);
După cum sa menționat deja, instrucțiunile de control pot fi imbricate, ceea ce vă permite să creați următoarele construcții:
Var num = 2; if (num == 1) (alert ("valoare num:" + num);) else if (num == 2) (alert ("valoare num:" + num);) else (alert ("I don't cunoașteți un astfel de număr! ");)
Nu este nimic special în acest cod. Este pur și simplu o secvență de enunțuri, în care fiecare afirmație if face parte din restul afirmației if anterioare. La prima vedere, această formă de notație poate părea că nu este complet clară, deci luați în considerare o formă echivalentă din punct de vedere sintactic care arată cuibărirea afirmațiilor if:
Var num = 2; if (num == 1) (alert ("valoare num:" + num);) else (if (num == 2) (alert ("valoare num:" + num);) else (alert ("I don ' Nu știu aceste numere! ");))
Reg.ru: domenii și găzduire
Cel mai mare registrator și furnizor de găzduire din Rusia.
Peste 2 milioane de nume de domenii în serviciu.
Promovare, mail pentru domeniu, soluții de afaceri.
Peste 700 de mii de clienți din întreaga lume și-au făcut deja alegerea.
Cadrul Bootstrap: aspect rapid și receptiv
Un tutorial video pas cu pas despre elementele de bază ale aspectului receptiv în cadrul Bootstrap.
Învață să tipești ușor, rapid și eficient folosind un instrument puternic și practic.
Aspect pentru comandă și pentru a fi plătit.
* Plasați mouse-ul pentru a întrerupe derularea.
Inapoi inainte
Funcții și condiții JavaScript if-else
Adesea, atunci când utilizați JavaScript, devine necesar să efectuați acțiuni diferite atunci când sunt îndeplinite condiții diferite.
De exemplu, ați scris un script care verifică browserul pe care îl folosește un vizitator atunci când vă vizitează site-ul. Dacă aceasta Internet Explorer, ar trebui încărcată o pagină special concepută pentru IE, dacă este orice alt browser - ar trebui încărcată o altă versiune a acestei pagini.
Sintaxa generală pentru constructul if-else este următoarea:
Dacă (condiție) (acțiune) altceva (acțiune2);
De exemplu, luați în considerare următorul cod:
If (browser == "MSIE") (alert ("Utilizați IE")) (alertă ("Nu utilizați IE"));
Rețineți că se utilizează toate literele mici. Dacă scrieți „DACĂ”, va apărea o eroare.
De asemenea, rețineți că comparația utilizează un semn dublu egal (==).
Dacă scriem browser = "MSIE" apoi doar atribuim valoarea MSIE variabilă numită browser.
Când scriem browser == "MSIE", apoi JavaScript „înțelege” că dorim să comparăm, nu să atribuim o valoare.
Condiții mai complexe dacă poate fi creat pur și simplu adăugându-le, de exemplu, la piesă altceva construcție deja existentă dacă-altfel:
If (condition) (action1) else (if (altă condiție) (action2) else (action3););
De exemplu:
If (browser == "MSIE") (alert ("Utilizați IE")) else (if (browser == "Netscape") (alert ("Utilizați Firefox")) else (alert ("Utilizați un browser neidentificat:) ")); );
Operatori logici AND, SAU și NU
Pentru o utilizare și mai flexibilă a structurii dacă-altfel pot fi folosiți așa-numiții operatori logici.
Și scris ca. && și este utilizat în cazurile în care trebuie să verificați adevărul mai multor condiții.
De exemplu: Dacă există ouă în frigider și slănină în frigider, atunci putem mânca ouă și slănină.
Sintaxa este următoarea:
If (condition1 && condition2) (action) if (hour == 12 && minute == 0) (alert ("Noon!"));
Sau scris ca. || și este utilizat atunci când dorim să verificăm adevărul a cel puțin uneia dintre cele două sau mai multe condiții. (Puteți obține || ținând apăsate tasta Shift și tasta \)
De exemplu: Dacă există lapte în frigider sau dacă există apă în frigider, atunci avem ceva de băut.
Sintaxa este următoarea:
If (condiție1 || condiție2) (acțiune) if (oră == 11 || oră == 10) (alertă („Noon has not come yet!”));
Nu scris ca. ! și este folosit pentru negare.
De exemplu: Dacă nu există ouă în frigider sau slănină, atunci nu putem mânca nici ouă, nici slănină.
Sintaxa este:
If (! (Condition)) (action) if (! (Hour == 11)) (alert ("Nu este ora 11"));
Funcții în JavaScript
În loc să adăugați doar Javascript la pagină, astfel încât browserul să execute codul atunci când vine vorba de acesta, puteți face ca scriptul să se execute numai atunci când are loc un eveniment.
De exemplu, ați creat JavaScript a cărui sarcină este să o modificați culoare de fundal atunci când faceți clic pe un anumit buton. În acest caz, trebuie să „spuneți” browserului că acest script nu trebuie executat pur și simplu pentru că a ajuns la o coadă.
Pentru a împiedica browserul să execute scriptul atunci când acesta este încărcat, trebuie să scrieți scriptul ca funcție.
În acest caz, codul JavaScript nu va fi executat până când nu îl „cerem” într-un mod special.
Aruncați o privire la acest exemplu de script scris ca funcție:
Faceți clic pe buton pentru a vedea ce face scriptul:
Dacă linia alert („Bun venit!”); nu a fost scris în interiorul unei funcții, apoi va fi executat ori de câte ori browserul a atins această linie. Dar, din moment ce am scris-o în interiorul unei funcții, această linie nu este executată până când nu apăsăm butonul.
Un apel funcțional (adică accesul la acesta) are loc în această linie:
După cum puteți vedea, am plasat un buton pe formular și am adăugat un eveniment onClick = "funcția mea ()" pentru buton.
În lecțiile viitoare, vom analiza alte tipuri de evenimente care declanșează funcții.
Sintaxa generală pentru funcții este următoarea:
Funcție nume funcție (variabilă1, variabilă2, ..., variabilăN) (// Corpul funcției merge aici, acțiunile pe care le efectuează)
Bretele: { și } indicați începutul și sfârșitul unei funcții.
O greșeală tipică atunci când creați funcții este neglijența și ignorarea importanței cazului. Cuvânt funcţie ar trebui să fie exact funcţie... Opțiune Funcţie sau FUNCŢIE va arunca o eroare.
De asemenea, folosind litere mari joacă un rol în specificarea numelor variabilelor. Dacă aveți o funcție numită funcția mea (), apoi o încercare de a se referi la ea ca la Funcția mea (), MYFUNCTION () sau MyFunction () va arunca o eroare.
Ți-a plăcut materialul și vrei să-ți mulțumesc?
Distribuie doar prietenilor și colegilor tăi!
Vezi si:
var a = 10; var b = (a> 1)? 100: 200; alertă (b);
Dacă starea a> 1 este adevărat, apoi variabila b atribuie valoare 100 , altfel variabilei b i se atribuie valoarea 200 .
Sarcina Js 3_4. Cod complement: a declarat 3 variabile locale folosind cuvânt cheie var. Este necesar să atribuiți valoarea următorului operator ternar variabilei max: dacă a este mai mare decât b, atunci returnăm a, altfel returnăm b.
Fragment de cod:
dacă (a * b< 6) { result = "Мало"; } else { result = "Много"; }
Întrebări pentru autocontrol:
- Care este sintaxa pentru operatorul ternar?
- Câte argumente are operatorul ternar?
Comutator operator în javaScript - comutator
Instrucțiunea de comutare javascript este utilizată pentru a testa o variabilă pentru mai multe valori:
Sintaxă:
switch (variabilă sau expresie) (opțiunea de caz 1: // .. bloc de instrucțiuni .. opțiunea de caz de caz 2: // .. bloc de instrucțiuni .. break implicit: // .. bloc de instrucțiuni ..)
Se verifică valoarea unei variabile sau a unei expresii: în fiecare caz una dintre valori este verificată, în cazul unei valori adecvate, unul sau alt bloc de afirmații corespunzător acestei caz.
Blocul care începe cu cuvântul implicit de serviciu poate fi omis. Instrucțiunile de blocare vor fi executate dacă niciuna dintre valorile listate în total caz nu se potriveste.
Important: Instrucțiunea break este necesară după fiecare valoare considerată a variabilei (după fiecare caz); dacă nu îl utilizați, vor fi afișați toți operatorii aflați mai jos
Comparați cu operatorul DACĂ:
var a = 2; comutați (a) (caz 0: // dacă (a === 0) caz 1: // dacă (a === 0) alertă („Zero sau unul”); // apoi ieșiți ... pauză; caz 2: // if (a === 2) alert („Two”); // apoi afișează ... break; implicit: // else alert („Many”); // în caz contrar afișează ...)
Cum grupez mai multe opțiuni?
Pentru a executa aceiași operatori, este posibil să grupați mai mulți caz... Ca în exemplul de mai sus:
Cazul 0: cazul 1: alertă („Zero sau unul”); pauză; ...
Cu a = 0 și a = 1, se execută aceeași instrucțiune: alert („Zero sau unul”);
Exemplul 4: Solicitați utilizatorului să introducă o culoare. Traducere ieșire în Engleză a introdus culoarea. Pentru culoare "albastru"și "albastru" returnează aceeași valoare.
✍ Soluție:
- Creați o pagină web cu schelet html și etichetă scenariu.
- Inițializați o variabilă culoare
- Verificați valoarea unei variabile folosind constructul switсh, ieșind pentru fiecare valoare - traducerea corespunzătoare:
- Pentru flori "albastru"și "albastru" faceți gruparea:
- Organizați ieșirea pentru acele culori care nu sunt furnizate de program:
- Testați scriptul într-un browser.
| var color = prompt ("Ce culoare?"); |
var color = prompt ("Ce culoare?");
switch (color) (case "red": alert ("red"); break; case "green": alert ("green"); break; // ...
Dacă variabila culoare are valoarea „roșu”, apoi afișează traducerea în fereastra modală - „roșu” și iese din construcție (pauză;). Dacă variabila culoare are valoarea „verde”, apoi afișează traducerea în fereastra modală - „verde” și iese din construcție (pauză;).
// ... caz "albastru": caz "albastru": alert ("albastru"); pauză; // ...
Dacă variabila culoare este albastru sau variabil culoare are valoarea „albastru”, apoi afișează traducerea în fereastra modală - „albastru” și iese din construcție (pauză;).
| // ... implicit: alert ( "nu avem informații despre această culoare")) // comutator de sfârșit |
// ... implicit: alert („nu avem informații despre această culoare”)) // comutator de sfârșit
Sarcina Js 3_6. Găsiți și remediați erori în următorul fragment de cod:
| 14 15 16 17 | var number = prompt ( "Introduceți numărul 1 sau 2:"); switch (number) (case "1" (document.write ("One");); break; case "2" (document.write ("Two");); break; implicit (document.write ( „Ați introdus o valoare diferită de 1 și 2”) ; } ; } |
var number = prompt ("Introduceți numărul 1 sau 2:"); switch (number) (case "1" (document.write ("One");); break; case "2" (document.write ("Two");); break; implicit (document.write ("Ai introdus o valoare diferită de 1 și 2 "););)
Sarcina Js 3_7. Ce va fi afișat pe ecran când se execută următorul cod?:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | valoare var = "2"; switch (value) (case "1": case "2": case "3": document.write ("Hello"); break; case "4": case "5": document.write ("World"); implicit: document.write („Eroare”);) |
valoare var = "2"; switch (value) (case "1": case "2": case "3": document.write ("Hello"); break; case "4": case "5": document.write ("World"); implicit: document.write („Eroare”);)
Sarcina Js 3_8. Utilizatorului i se va solicita un număr - numărul de corbi de pe ramură. În funcție de numărul introdus (nu mai mult de 10), afișați mesajul: - Așezat pe o ramură 1 corb- Stă pe o ramură 4 corbi- Stă pe o ramură 10 corbi
- În funcție de numărul introdus, finalul cuvântului se schimbă "Cioară".
- Pentru a verifica, utilizați instrucțiunea Switch javascript.
- Salvați această pagină în folderul cu rezultate (va fi util pentru lucrări ulterioare).
Întrebări pentru autocontrol:
- În acest caz este recomandabil ca operator condiționat folosiți construcția intrerupator?
- Pentru ce este blocul implicit dintr-o declarație? intrerupator?
- Este obligatoriu să folosiți declarația de pauză în construcție intrerupator?
- Cum se efectuează gruparea pentru mai multe opțiuni de valoare într-un operator intrerupator?
Operatori ciclici ai limbajului javaScript - Pentru
Sintaxă:
for (valoarea inițială a contorului; condiție; creșterea contorului) (//..bloc de declarații ..)
Important: O buclă în javascript pentru este utilizată atunci când se știe în prealabil de câte ori ar trebui repetate acțiuni ciclice (câte iterații are bucla)
- La fel de valoarea initiala contorul de iterații, se utilizează o expresie de atribuire: de exemplu, i = 0 - contorul de buclă începe de la zero:
- Ca o creștere a contorului, este indicat pasul cu care ar trebui să crească contorul: de exemplu, indică faptul că fiecare iterație a buclei va fi însoțită de creșterea acesteia cu 1 :
- Condiția buclei este valoarea finală a contorului: de exemplu, i10 oprește bucla:
for (var i = 0; condiție; contorizare) (//..bloc de instrucțiuni ..)
for (var i = 0; condiție; i ++) (//..bloc de instrucțiuni ..)
pentru (var i = 0; i<10; i++) { //..блок операторов.. }
Să vedem un exemplu de utilizare a buclei for în javascript:
Exemplul 5: Imprimați o succesiune de numere 0 1 2 3 ... 9 , fiecare cifră pe o nouă linie. 0 1 2 ... 8 9
✍ Soluție:
- Pentru a afișa o succesiune de numere, vom folosi contorul buclei for, care ar trebui să-i schimbe valoarea 0 inainte de 9 conform secvenței.
- De aceea, pentru valoarea inițială a contorului de cicluri setați valoarea la 0 ; la fel de condițiile ciclului setați valoarea finală - ii = 9; contra pas trebuie să fie egal 1 (i ++) deoarece diferența dintre membrii secvenței este una:
- Testați scriptul într-un browser.
pentru (var i = 0; i<10; i++)
{
document.write(i+"
");
}
În exemplu, valorile contorului de buclă sunt afișate pe ecran, deoarece creșterea contorului i ++, respectiv, va apărea pe ecran 0 1 2 3 ... 9
, cu fiecare cifră pe o nouă linie (tag
).
Sarcina Js 3_9. 1 inainte de 15 .
- Utilizați un contor de bucle ca o succesiune de numere pentru.
- Pentru o variabilă adder, utilizați identificatorul variabilei sumă.
Fragment de cod:
Pentru (var i = ...; ...; ...) (sum = sum + ...;) ...
Instrucțiuni de ieșire în buclă pauzăși continuaîn javaScript. Operator Ieșire
Instrucțiunea de întrerupere întrerupe executarea întregului corp al buclei, adică iese din buclă în javaScript.
În timp ce instrucțiunea continue întrerupe executarea iterației curente a buclei, dar, în același timp, continuă execuția buclei de la următoarea iterație.
Să luăm în considerare funcționarea declarațiilor de pauză și să continuăm folosind un exemplu:
Exemplu: Deconstruiți algoritmul fragmentului de cod. Ce va fi afișat?
Fragment de cod:
| 1 2 3 4 5 6 | pentru (var i = 0; i<
10
;
i++
)
{
if
(i==
4
)
continue
;
document.write
(i+
" "); if (i == 8) break;) |
pentru (var i = 0; i<10;i++)
{
if (i==4) continue;
document.write(i+"
"); if (i == 8) break;)
✍ Soluție:
- A treia linie a exemplului conține o condiție din cauza căreia cifra 4 nu va fi afișat: operator continua va trece la următoarea iterație a buclei fără a o completa pe cea curentă.
- În linia nr. 5, ieșirea buclei, dar în același timp numărul 8 va fi afișat, deoarece instrucțiunea de ieșire vine înainte de condiție (în a 4-a linie). După ce ne-am întâlnit pauză, interpretul va încheia ciclul.
- Acea. ecranul va afișa: 0 1 2 3 5 6 7 8 - fiecare cifră pe o nouă linie.
Sarcina Js 3_10. Afișați suma tuturor numerelor întregi din 1 inainte de 15 , cu excepția numărului total 5 și 7 .
Declarație de ieșire
Limbajul javasctipt oferă un operator de ieșire din codul programului - operatorul de ieșire.
Cel mai adesea, operatorul este utilizat pentru a elimina erorile de intrare ale utilizatorului.
Să luăm în considerare un exemplu:
Exemplul 6: Solicitați utilizatorului să introducă un număr. Dacă nu este introdus un număr, afișați mesajul - Ai nevoie de un număr!și opriți programul.
✍ Soluție:
- Inițializați o variabilă număr valoarea introdusă de utilizator în modal:
- Folosind funcția parseInt pentru a converti un șir într-un număr întreg, verificați dacă valoarea introdusă este un număr:
- Verificați valoarea variabilei număr folosind funcția isNaN:
- De regula „minciunilor” aranjați verificarea valorii variabilei X... Dacă valoarea nu este numerică, tipăriți o notă corespunzătoare și încheiați programul:
- Pentru a continua programul (dacă valoarea introdusă a fost un număr), afișați următoarea fereastră cu un prompt de intrare:
- Testați scriptul într-un browser.
var number = prompt ("Introduceți un număr");
număr = parseInt (număr); // va returna NaN - nu un număr
Dacă nu este introdus un număr, funcția va returna valoarea NaN (din limba engleză. nu un număr- nu un număr).
x = isNaN (număr); // va reveni adevărat dacă valoarea nu este numerică
Funcția IsNaN returnează valoare Adevăratîn cazul în care variabila nu este un număr
if (x) (alertă („Este necesar un număr!”); exit; // ieșire din program)
alert („Introduceți al doilea număr”); // dacă introduceți un non-număr, declarația nu va fi executată
Întrebări pentru autocontrol:
- Enumerați trei parametri ai buclei pentruși explicați scopul lor.
- Ce operatori sunt meniți să iasă din buclă și să o întrerupă? Dați exemple de utilizare a acestora.
- Pentru ce este operatorul Ieșire?
Este posibil să aveți mai multe contoare într-un singur FOR?
O lucrare interesantă cu bucla for este posibilă folosind simultan două contoare într-un ciclu.
Să luăm în considerare un exemplu:
Exemplul 7: Folosind scriptul, tipăriți următoarele perechi variabilă-valoare în trei rânduri: i = 0 j = 2 i = 1 j = 3 i = 2 j = 4
✍ Soluție:
- În bucla for, organizați două contoare: contorul i pentru a genera secvența 0 1 2 , contorul j pentru ieșirea secvenței 2 3 4 :
- Pentru ieșire pe fiecare linie, utilizați eticheta
:
| 1 2 3 | pentru (i = 0, j = 2; i< 10 , j< 5 ; i++, j++ ) { } |
pentru (i = 0, j = 2; i<10, j<5; i++, j++) { }
Fiecare dintre cei trei parametri ai buclei for are acum două valori, care sunt listate separate prin virgulă(de exemplu, primul parametru cu două valori: i = 0, j = 2). Parametrii înșiși sunt enumerați punct și virgulă separat(;).
| 1 2 3 4 | pentru (i = 0, j = 2; i<
10
,
j<
5
;
i++,
j++
)
{
document.write
(" i = ", i," j = ", j);) |
pentru (i = 0, j = 2; i<10, j<5; i++, j++)
{
document.write("
i = ", i," j = ", j);)
Generarea de pagini din mers: cum este?
Înainte de a efectua următoarea sarcină, ia în considerare un exemplu. construirea dinamică a paginii html folosind javascript.
Exemplul 8:
- Este necesar să generați dinamic liste cu marcatori și numerotate pe pagina web în funcție de datele introduse de utilizator: solicitați utilizatorului să intre vizualizare listă(numerotat (numărul 1) sau etichetat (numărul 2)) și apoi numărul de articole din listă.
- În funcție de răspuns, afișați etichetele unei liste cu marcatori sau numerotate cu numărul necesar de articole.
- Dacă este introdus un tip de listă inexistent, afișați mesajul "Vă rugăm să introduceți tipul corect!"și ieșiți din program ().
Să ne amintim etichetele:
etichete de listă numerotate:
| <ol> <li> <li> <li> </ ol> |
etichete cu listă cu marcatori:
var listType = prompt ("Introduceți" 1 "pentru o listă cu marcatori," 2 "pentru o listă numerotată");
- , pentru marcat (numărul 2) - etichetă
- ... Dacă este introdusă o valoare diferită, tipăriți o notă și încheiați programul:
- Inițializați o variabilă kolvo valoarea introdusă de utilizator în modal:
- Pentru a converti o valoare șir la o valoare numerică, utilizați funcția parseInt:
- Deoarece listele sunt închise cu etichetele corespunzătoare, în funcție de tipul listei, tipăriți etichetele de închidere:
- ") else (alert (" Introduceți tipul corect "); ieșiți;)
var kolvo = prompt ("Introduceți numărul de articole");
pentru (var i = 1; i<=kolvo; i++) document.write("");
| if (listType == "1") document.write ("") else if (listType ==" 2 ") document.write ("" ) ; |
if (listType == "1") document.write ("
Sarcina Js 3_11.
Scrieți un script care afișează etichete intrare(comenzi) de diferite tipuri, în funcție de cifra introdusă:
1
- câmp text,
2
- buton,
3
- radio(intrerupator).
Ar trebui solicitat și numărul de etichete afișate.
Să ne amintim etichetele:
Pentru 1 - câmp text: Pentru 2 butoane: Pentru 3 - radio:
Exemplu de ieșire:
Sarcina Js 3_12. Desenați o tablă de șah 9x9 folosind javascript pentru bucle. „Desenați” placa ar trebui să fie etichete html pentru tabel:
Să ne amintim etichetele:
| <table border = "1" width = "30%"> <tr> <td>-</ td> | -</ td> </ tr> </ table> |
| - | - |
- Pentru a desena 9 linii, trebuie să organizați o buclă externă cu un contor i.
- Pentru a desena 9 celule în fiecare linie, trebuie să organizați o buclă interioară (imbricată) pentru un contor j.
- Utilizați metoda document.write pentru a reda etichetele de celule și linii.
Rezultat:
În plus:
- Imprimați tabelul de înmulțire în celulele tabelului folosind contoare de bucle (i și j).
- Afișați primul rând și prima coloană cu un fundal roșu (atributul celulei tabelului bgcolor):
<td bgcolor = "red">-</ td> -
Rezultat:
Întrebări pentru autocontrol:
- Explicați ce înseamnă construirea dinamică a paginilor?
- Care este cel mai frecvent utilizat limbaj pentru construirea dinamică a paginilor?
Declarații ciclice ale limbajului javaScript - În timp ce
Sintaxa pentru instrucțiunea while este:
while (condiție) (//..bloc de declarații ..);
Exemplu: Afișează puteri de până la 2 1000 (2, 4, 8 ... 512). Folosiți metoda alert ()
✍ Soluție:
- Listarea scriptului:
- Testați rezultatul într-un browser.
| 1 2 3 4 5 | var a = 1; In timp ce< 1000 ) { a*= 2 ; alert(a) ; } |
var a = 1; In timp ce< 1000){ a*=2; alert(a); }
a * = 2 → se folosește operațiunea de atribuire compusă: produsul combinat cu cesiunea, adică la fel ca a = a * 2
Cum funcționează declarațiile de pauză și continuare într-o buclă de timp?
Exemplu:
| var a = 1; In timp ce< 1000 ) { a*= 2 ; if (a== 64 ) continue ; if (a== 256 ) break ; alert(a) ; } |
var a = 1; In timp ce< 1000){ a*=2; if (a==64) continue; if (a==256) break; alert(a); }
Puterile a două vor fi transmise către 128 inclusiv și valoarea 64 va fi omis. Acestea. în casetele de dialog vom vedea: 2 4 8 16 32 128
Sarcina Js 3_13. Ce valori va afișa următorul fragment de cod?
contor var = 5; în timp ce (contor< 10) { counter++; document.write("Counter " + counter); break; document.write("Эта строка не выполнится."); }
Sarcina Js 3_14. Scrieți codul de erecție NS la grad y folosind o buclă while. Interogați valorile variabile și scoateți rezultatul folosind alert ().
Completați codul:
| 1 2 3 4 5 6 7 8 9 | var x = ...; var y = ...; contor = 1; chislo = x; while (...) (chislo = x * ...; counter = ...;) alert (chislo); |
var x = ...; var y = ...; contor = 1; chislo = x; while (...) (chislo = x * ...; counter = ...;) alert (chislo);
A Corectați eroarea din programul conceput pentru a găsi factorialul unui număr:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | var counter = prompt ("Introduceți un număr"); var factorial = 1; document.write ( „Număr factorial:”+ contor + "! ="); do (if (contor == 0) (factorial = 1; pauză;) factorial = factorial / contor; contor = contor + 1;) în timp ce (contor> 0); document.write (factorial); |
var counter = prompt ("Introduceți un număr"); var factorial = 1; document.write ("Număr factorial:" + contor + "! ="); do (if (contor == 0) (factorial = 1; pauză;) factorial = factorial / contor; contor = contor + 1;) în timp ce (contor> 0); document.write (factorial);
Sarcina Js 3_16. Modificați programul pentru introducerea utilizatorului:
Solicitați un nume de utilizator până când utilizatorul introduce efectiv un nume (adică câmpul este completat efectiv și nu este apăsată tasta de anulare). Când numele este introdus, apoi ieșire "Salut nume!"... document.
Cum se găsesc erori în javascript?
În unele cazuri, codul de pe pagină nu funcționează din anumite motive. Unde să cauți eroarea? În astfel de cazuri, puteți utiliza instrucțiunea try..catch.
Instrucțiunea try..catch încearcă să execute o bucată de cod și, dacă există o eroare în cod, este posibil să se afișeze o eroare pe ecran.
Eroarea este stocată în obiectul e.message.
Să luăm în considerare munca unui operator folosind un exemplu:
Exemplu: scrieți o declarație cu o eroare în program. Verificați dacă există o eroare în codul eronat suspect: dacă există o eroare în cod, afișați un mesaj "tratarea erorilor: numele erorii"... După verificarea operatorului eronat, indiferent dacă există o eroare în cod, emiteți mesajul „acțiuni de finalizare”
✍ Soluție:
- Ca mesaj cu o eroare, vom folosi metoda prompt (), scrisă cu o eroare - promt ()... Includeți mesajul de eroare într-un bloc de încercare:
- Mesajul de eroare trebuie plasat într-un bloc de captură:
- Plasați mesajul final, care ar trebui afișat indiferent dacă există o eroare în cod, într-un bloc final:
alert („înainte”); try (promt ("introduceți un număr"); // operator cu o eroare)
Încercați din engleză. - „try”, așadar, punem o declarație try în fața unui fragment de cod care poate conține o eroare (în cazul nostru, există într-adevăr o eroare).
| 6 7 8 9 | catch (e) (alert ( "eroare de manipulare:"+ e. mesaj); ) |
catch (e) (alertă ("gestionarea erorilor:" + e.message);)
Dacă într-adevăr există o eroare, atunci instrucțiunea catch stochează această eroare în obiectul e. Ulterior poate fi afișat în caseta de dialog e.message.
în cele din urmă (alert („finalizarea acțiunilor”);) alert („după”);
Dacă există o eroare, atunci interpretorul, după ce îl afișează în exemplul nostru, va continua să execute blocul de captură și apoi în cele din urmă (din engleză „completare”, „în cele din urmă”), care va fi întotdeauna executat, indiferent dacă a apărut o eroare sau nu. Chiar dacă a existat o eroare în blocul de captură.
Important: Blocul final este opțional în construcție.
Alocarea Js 3_17. Urmați exemplul de mai sus cu următoarele modificări:
Rezumat:
Lecția a acoperit următorii operatori și construcții de limbaj javascript:
Declarații condiționale Javascript:
Operatori de bucle:
Sarcina finală Js 3_18.
Creați un joc pentru doi:
- Programul cere primului jucător să introducă un număr de la 1 inainte de 100 (al doilea jucător nu vede numărul introdus). Apoi, al doilea jucător este rugat să ghicească numărul introdus. Mesajul este afișat ca răspuns "putini" sau "mulți"în funcție de răspunsul introdus. Dacă jucătorul ghicește corect, sunt afișate felicitări. Dacă ghicește greșit, jocul continuă (până când numărul este de fapt ghicit).
- Calculați numărul de încercări și întoarceți rezultatul atunci când numărul este ghicit.
Întrebări pentru autocontrol:
- Când este recomandabil să folosiți o buclă For In? Care este un exemplu de utilizare a acestuia.
- Care este scopul declarației try..catch?
- Explicați scopul fiecărui bloc de instrucțiuni try..catch.
În viața de zi cu zi, este adesea necesar să luați un fel de decizie, în funcție de o anumită afecțiune. De exemplu, dacă vremea este caldă în weekend, atunci vom merge la mare, altfel, dacă este înnorat, vom sta acasă.
Acest lucru este, de asemenea, foarte frecvent în programare. Pentru aceasta există două afirmații condiționale, acestea sunt if-else și switch-case... În acest articol vă voi spune despre declarația if-else și în articolul următor despre cazul de schimbare.
Sintaxa afirmației condiționale If-else Următorul:
Dacă condiția este adevărată, atunci codul din blocul if este executat, în caz contrar, dacă condiția este falsă, atunci codul din blocul else este executat.
Pentru o mai bună înțelegere, să luăm un exemplu atât de simplu, avem o anumită sumă de bani și vrem să cumpărăm o mașină și aici apare imediat o astfel de condiție, dacă avem destui bani, atunci putem cumpăra această mașină, altfel nu poti.
Var bani = 35000; // Să spunem că avem 35.000 de euro // Mașina pe care vrem să o cumpărăm costă 50.000 de euro. Și următoarea condiție apare dacă (bani> 50000) (document.write („Putem cumpăra o mașină”);) altceva (document.write („Nu sunt suficienți bani pentru a cumpăra o mașină”);)
Salvăm documentul, îl deschidem într-un browser și vedem că următorul mesaj este afișat pe pagina „Nu sunt suficienți bani pentru a cumpăra o mașină”. Dacă am avea mai mult de 50.000 de euro, atunci codul din blocul if ar fi executat. Dacă am avea exact 50.000 de euro, atunci nu am putea cumpăra o mașină, deoarece 50.000 nu depășesc 50.000. Pentru ca starea să fie adevărată în acest caz, trebuie să scrieți un semn mai mare sau egal ( > =) ...
Cometariu! Operația logică egală se scrie cu două semne egale (==)... Există, de asemenea, o operație logică mai mică sau egală cu (
folosind aparate dentare cretate
Dacă există un singur operator, atunci acoladurile sunt opționale, dacă există mai mult de un operator în bloc, atunci acoladele sunt necesare.
Exemplul de mai sus va funcționa bine fără acolade, deoarece ambele blocuri conțin o singură declarație.
În interiorul if, puteți scrie orice operații logice fie că sunt simple sau complexe. De asemenea, puteți utiliza operatorii AND (&&) și OR (||).
Cometariu! Prezența blocului else este opțională.
De exemplu, dacă a este egal cu b și c este egal cu d, atunci afișăm mesajul corespunzător, altfel dacă nu există alt bloc, atunci pur și simplu mergem mai departe, la următoarea linie.
Var a = 4, b = 4, c = 8, d = 8; if ((a == b) && (c == d)) document.write („a este egal cu b ȘI c este egal cu d”); document.write („Următoarea linie de cod”);
Declarație if - else if - else
După blocul if, unul sau mai multe altele dacă pot urma blocuri, iar la sfârșit există un bloc else. Acest lucru este util atunci când trebuie să utilizați mai multe condiții.
Pentru o mai bună înțelegere, să luăm un exemplu din viața de zi cu zi. De exemplu, avem un anumit număr de puncte de desfacere. Dacă avem o singură priză în cameră, atunci putem conecta un singur dispozitiv, dacă există două prize, atunci putem conecta două dispozitive și, dacă există mai multe, atunci putem conecta toate dispozitivele de acasă la rețeaua electrică.
Acum să trecem la programare.
Soclu var = 2; // Numărul de prize din casă dacă (soclu == 1) document.write ("
Nu putem conecta decât un singur dispozitiv
"); else if (socket == 2) (document.write ("Putem conecta doar două dispozitive
"); document.write ("De exemplu TV și laptop
");) else (document.write ("Putem conecta toate dispozitivele de acasă la rețeaua electrică
"); }În funcție de valoarea variabilei socket, acesta sau acel bloc de cod va fi declanșat. După cum probabil ați înțeles deja, dacă socketul este egal cu 1, atunci primul bloc de cod va funcționa. Dacă socketul este 2, atunci al doilea bloc de cod se va declanșa și dacă socketul are orice altă valoare (chiar și un număr negativ), atunci al treilea bloc de cod se va declanșa.
Notare prescurtată dacă altfel
Notarea prescurtată poate fi utilizată în cazul în care, în funcție de o anumită condiție, o variabilă poate primi una sau alta valoare.
De exemplu, dacă valoarea variabilei a este mai mare decât valoarea variabilei b, atunci în variabila x scriem următorul mesaj: „Variabila a este mai mare decât variabila b”, altfel scriem că „ Variabila a este mai mică decât variabila b ".
Var a = 50, b = 100, x; x = (a> b)? "
Variabila a Mai mult variabila b
" : "Variabila a mai mica variabila b
"; // Imprimați rezultatul rezultat document.write (x);Despre asta am vrut să vă spun în acest articol. Operatorul condițional if-else este folosit mai mult decât în fiecare script, deci este foarte important să-l cunoaștem și să-l înțelegem. În articolul următor vă voi spune despre încă o declarație condițională de schimbare-caz.
În acest exemplu, declarăm mai întâi patru variabile folosind cuvântul cheie var și le atribuim imediat valori numerice. Apoi, folosind operatorii de creștere și descreștere, schimbăm valorile numerelor. Informațiile sunt afișate utilizând funcția Ecou(vezi articolul ""). Pentru a nu scrie din nou numele obiectului, am folosit construcția cu ().
Operatori logici
Operatorii logici sunt folosiți la verificarea stării, pentru a nu repeta, voi face o abreviere: operandul din stânga este L.O., iar operandul din dreapta este P.O.
- && - „ȘI” logic
- || - „SAU”
- ! - "NU"
- > - L.O. mai multe P.O.
- > = - L.O. este mai mare sau egal cu P.O.
- < - Л.О. меньше П.О.
- <= - Л.О. меньше или равен П.О.
- == - L.O. egal cu P.O.
- ! = - L.O. nu egal cu P.O.
- | = - L.O. egală cu ea însăși SAU P.O.
- & = - L.O. egal cu mine și P.O.
- ^ = - SAU EXCLUSIV
Acum, ia în considerare următorul script:
| //***************************************** // operații logice// logik_if_else.js //***************************************** var a = 10, b = 100, WshShell, title, msg1, msg2, msg3, msg4, vbInformation = 64; // Creați o instanță a clasei WScript.Shell WshShell = WScript.CreateObject ("WScript.Shell"); titlu = „Lucrul cu declarația condițională IF ELSE JS”; cu (WshShell) (if (a> = 5 && a<= 100 ) //истина msg1 = "TRUE" ; else msg1 = "FALSE" ; Popup (msg1, 5 , title, vbInformation) ; if (a>= 5 || b == 100) // true msg2 = "TRUE"; else msg2 = "FALS"; Popup (msg2, 5, title, vbInformation); // declarație condițională js dacă altfel if (! a) // false msg3 = "TRUE"; else msg3 = "FALS"; Popup (msg3, 5, title, vbInformation); if (a & = 100) // false msg4 = "TRUE"; else msg4 = "FALS"; Popup (msg4, 5, title, vbInformation); ) |
La fel ca în scriptul anterior, aici am folosit construcția cu pentru a scurta codul programului. Cu toate acestea, pentru a afișa informații, am folosit funcția Pop-up(vezi articolul ""). Ca urmare, casetele de dialog se vor închide automat după câteva secunde. Vă rugăm să rețineți că în acest exemplu nu am folosit acolade.în declarația condițională js if, acestea sunt relevante numai atunci când trebuie să executați mai multe linii de cod, dar mai multe.
În cele din urmă, să vedem un exemplu practic, cum ar fi rezolvarea unei ecuații pătratice:
| // Rezolvarea unei ecuații pătratice// uravnenije_if_else.js // *********************************************************** var a, b, c, d, x, x1, x2; // Declarați variabilele a = - 2; b = 6; c = 20; // Căutarea unui discriminant d = Math .pow (b, 2) - 4 * a * c; if (d == 0) (x = b / (2 * a); msg = „Ecuația are o soluție, x este exact”+ x) else (if (d> 0) (x1 = (- b + Math .sqrt (d)) / (2 * a); x2 = (- b- Math .sqrt (d)) / (2 * a ); msg = "Ecuația are două soluții \ n x1 exact"+ x1 + " \ n x2 exact "+ x2; // declarație condițională dacă altceva js) else msg = "Fără soluție"; ) WScript.Echo (msg); |
