Smyčky vJavaScript sa používa na rozhodovanie validáciou konkrétnej hodnoty oproti danej testovacej podmienke a na vykonanie konkrétneho segmentu kódu konkrétny počet opakovaní, kým nie je daná podmienka splnená. Pomáha to pri vytváraní kompaktného kódu. The slučky sú v tomto článku vysvetlené v nasledujúcom poradí:
Smyčky JavaScript
Smyčky JavaScriptu poskytujú rýchly a ľahký spôsob, ako opakovane niečo robiť. Používajú sa na opakovanie akcie viackrát bez toho, aby museli opakovať rovnaký riadok kódu. Existujú hlavne dva typy slučiek:
Slučky riadené vstupom - Pri riadenom vstupe sa testovacie podmienky testujú pred vstupom do tela slučky. Pre slučku a Zatiaľ čo Loop sú slučky riadené vstupom.
Ukončite riadené slučky Pri výstupe je testovací stav vyhodnotený na konci tela slučky. Preto sa telo slučky vykoná aspoň raz,bez ohľadu na to, či je testovací stav pravdivý alebo nepravdivý. slučka do-while je výstupne riadená slučka.
Teraz poďme ďalej a diskutujme o rôznych metódach vykonávania cyklov JavaScriptu.
Pre slučku
Táto metóda poskytuje stručný spôsob zápisu štruktúry slučky. Smyčka for sa opakuje, kým sa zadaná podmienka nevyhodnotí ako nepravdivá.
Syntax-
pre (inicializácia podmienky testovanie prírastok / pokles podmienky) {statement}Príklad-
// JavaScriptový program na ilustráciu pre slučku var x // pre slučku začína, keď x = 1 // a beží do x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + '
')}Výkon-
Hodnota x: 1 Hodnota x: 2 Hodnota x: 3 Hodnota x: 4
Zatiaľ čo Loop
Smyčka while je príkaz riadiaceho toku, ktorý umožňuje opakované vykonávanie kódu na základe konkrétnej booleovskej podmienky. Táto slučka je podobná opakovaniu príkazu if.
Syntax-
while (boolovská podmienka) {loop commands}Príklad-
// JavaScriptový program na ilustráciu while while var x = 1 // Ukončí, keď x bude väčšie ako 5 while (x<= 5) { document.write('Value of x:' + x + '
') // zvýši hodnotu x pre // ďalšiu iteráciu x ++}Výkon-
Hodnota x: 1 Hodnota x: 2 Hodnota x: 3 Hodnota x: 4 Hodnota x: 5
Slučka do-while
Táto slučka je podobná slučke while, ale jediný rozdiel je v tom, že kontroluje stav po vykonaní príkazov. Je to teda príklad Exit Controlled Loop.
porovnanie nástrojov automatizácie robotických procesov
Syntax-
urobiť {statement} while (podmienka)Príklad-
// JavaScriptový program na ilustráciu do-while cyklu var x = 20 do {// ak je podmienka nepravdivá document.write ('Hodnota x:' + x + '
') x ++} while (x<10) Výkon-
Hodnota x: 20
Slučka pre vstup
Táto slučka iteruje zadanú premennú cez všetky vymenovateľné vlastnosti objektu. Pre každú odlišnú vlastnosť vykoná JavaScript zadané príkazy.
Syntax-
pre (názov premennej v objekte) {statement}Príklad-
// Program JavaScript na ilustráciu pre..v cykle // vytvorenie charakteristiky objektu var = = prvý: „meno“, druhý: „vek“, tretí: „výška“, štvrtý: „farba očí“, piaty: „národnosť '} // iteruje cez všetky vlastnosti // charakteristík objektu a všetky vytlačí // pomocou for..in slučiek pre (itr v charakteristikách) {document.write (charakteristiky [itr] +'
')}Výkon-
Meno Vek Výška Farba očí Národnosť
Vyhlásenie o zlomení
Príkaz break sa používa na vyskočenie zo slučky. Pomôže vám to pri prelomení cyklu a pokračovaní vo vykonávaní kódu po ukončení cyklu.
Syntax-
zlomiť štítok
Príklad-
var text = '' var i pre (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + '
'}Výkon-
Číslo je 0 Číslo je 1 Číslo je 2 Číslo je 3 Číslo je 4
Pokračovať vo vyhlásení
Príkaz continue rozbije jednu iteráciu v slučke, ak nastane zadaná podmienka, a pokračuje ďalšou iteráciou v cykle. Rozdiel medzi príkazom continue a break je ten, že príkaz continue „preskočí“ jednu iteráciu v slučke namiesto „vyskočí“.
Syntax-
pokračovať štítkom
Príklad-
var text = '' var i pre (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + '
'}Výkon-
Číslo je 0 Číslo je 1 Číslo je 3 Číslo je 4
Boli to rôzne spôsoby vykonávania slučiek JavaScript. Týmto sme sa dostali na koniec nášho článku.
Teraz, keď viete o cykloch JavaScriptu, sa pozrite na od Edureka. Osvedčenie o školení v oblasti vývoja webových stránok vám pomôže Naučte sa, ako vytvárať pôsobivé webové stránky pomocou HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3).
Máte na nás otázku? Uveďte to v sekcii komentárov v časti „JavaScript Loops“ a my sa vám ozveme.