Silmukat sisäänJavaScript käytetään päätöksentekoon vahvistamalla tietty arvo tiettyyn testiehtoon nähden ja suorittamalla tietty koodisegmentti tietyn määrän kertoja, kunnes annettu ehto täyttyy. Se auttaa tekemään koodistasi kompaktin. silmukat selitetään tässä artikkelissa seuraavassa järjestyksessä:
JavaScript-silmukat
JavaScript-silmukat tarjoavat nopean ja helpon tavan tehdä jotain toistuvasti. Niitä käytetään toistamaan toiminto useita kertoja tarvitsematta toistaa samaa koodiriviä. Silmukoita on pääasiassa kahta tyyppiä:
Sisäänkäynnin hallitsemat silmukat - Sisäänkäynnillä ohjattuna testiolosuhteet testataan ennen sisäänmenoa silmukan runkoon. Loopille ja Vaikka silmukka ovat sisäänkäynnin ohjaamia silmukoita.
Poistu hallituista silmukoista- Poistumisohjatussa tilassa testiolosuhteet arvioidaan silmukan rungon päässä. Siksi silmukan runko suorittaa ainakin kerran,riippumatta siitä, onko testiehto totta vai väärä. do-while -silmukka on poistumisohjattu silmukka.
Siirrytään nyt eteenpäin ja keskustellaan eri tavoista suorittaa JavaScript-silmukoita.
Loopille
Tämä menetelmä tarjoaa suppean tavan kirjoittaa silmukkarakenne. A-silmukka toistuu, kunnes määritetty ehto arvioi vääräksi.
Syntaksi-
for (alustusolosuhteiden testausolosuhteiden lisäys / vähennys) {lause}
Esimerkki-
// JavaScript-ohjelma havainnollistamaan silmukkaa var x // silmukalle alkaa kun x = 1 // ja kestää x: ään asti<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + '
')}
Tuotos-
X: n arvo: 1 x: n arvo: 2 x: n arvo: 3 x: n arvo: 4
Vaikka silmukka
While-silmukka on ohjausvirta-käsky, jonka avulla koodi voidaan suorittaa toistuvasti tietyn Boolen-ehdon perusteella. Tämä silmukka on samanlainen kuin toistuvan if-lauseen.
Syntaksi-
while (totuusarvo) {silmukan lauseet}
Esimerkki-
// JavaScript-ohjelma havainnollistaen silmukkaa var x = 1 // Poistu, kun x on suurempi kuin 5 kun (x<= 5) { document.write('Value of x:' + x + '
') // lisää x: n arvoa // seuraavaan iteraatioon x ++}
Tuotos-
X: n arvo: 1 x: n arvo: 2 x: n arvo: 3 x: n arvo: 4 x: n arvo: 5
Do-while Loop
Tämä silmukka on samanlainen kuin while-silmukka, mutta ainoa ero on, että se tarkistaa kunnon lausekkeiden suorittamisen jälkeen. Siten se on esimerkki Exit Controlled Loop -sovelluksesta.
Syntaksi-
tee {lauseita} while (ehto)
Esimerkki-
// JavaScript-ohjelma havainnollistamaan do-while -silmukkaa var x = 20 do {//, jos ehto on väärä document.write ('x: n arvo:' + x + '
') x ++} kun (x<10)
Tuotos-
X: n arvo: 20
For-in-silmukka
Tämä silmukka toistaa määritetyn muuttujan objektin kaikkien lukemattomien ominaisuuksien suhteen. Jokaiselle erilliselle ominaisuudelle JavaScript suorittaa määritetyt lauseet.
Syntaksi-
kohteelle (muuttujanimi objektissa) {lauseet}
Esimerkki-
// JavaScript-ohjelma havainnollistamaan silmukkaa..silmukassa // luodaan objektin var ominaisuus = {ensimmäinen: 'Nimi', toinen: 'Ikä', kolmas: 'Korkeus', neljäs: 'Silmien väri', viides: 'Kansallisuus '} // iteroi // objektin ominaisuuksien jokaisen ominaisuuden läpi ja tulosta ne kaikki // käyttämällä for..in -silmukoita kohteelle (ominaisuuksissa itr) {document.write (ominaisuudet [itr] +'
')}
Tuotos-
Nimi Ikä Korkeus Silmien väri Kansalaisuus
Tauko-ilmoitus
Break-lausetta käytetään hyppäämiseen silmukasta. Se auttaa sinua katkaisemaan silmukan ja jatkamaan koodin suorittamista silmukan jälkeen.
Syntaksi-
katkaise etiketin nimi
Esimerkki-
var text = '' var i (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + '
'}
Tuotos-
Luku on 0 Luku on 1 Luku on 2 Luku on 3 Luku on 4
Jatka lausuntoa
Jatka-lause katkaisee yhden iteroinnin silmukassa, jos määritetty ehto esiintyy, ja jatkuu seuraavalla iteroinnilla silmukassa. Ero jatko- ja taukolausekkeen välillä on, että jatko-lause “hyppää yli” yhden iteraation silmukassa sen sijaan, että “hyppisi ulos”.
Syntaksi-
jatka tunnisteen nimeä
Esimerkki-
kuinka kääntää kaksinkertainen osaksi int
var text = '' var i (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + '
'}
Tuotos-
Luku on 0 Luku on 1 Luku on 3 Luku on 4
Nämä olivat erilaisia tapoja suorittaa JavaScript Loops. Tämän avulla olemme päässeet artikkelimme loppuun.
Nyt kun tiedät JavaScript-silmukoista, tutustu kirjoittanut Edureka. Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.
Onko sinulla kysymys meille? Mainitse se JavaScript-silmukoiden kommenttiosassa ja palaamme sinuun.