SmyčkyJavaScript se používá pro rozhodování ověřením konkrétní hodnoty proti dané testovací podmínce a provedení konkrétního segmentu kódu pro konkrétní počet opakování, dokud není daná podmínka splněna. Pomáhá vytvářet kompaktní kód. The smyčky jsou v tomto článku vysvětleny v následujícím pořadí:
Smyčky JavaScript
Smyčky JavaScriptu poskytují rychlou a snadnou metodu opakování. Používají se k opakování akce několikrát, aniž byste museli opakovat stejný řádek kódu. Existují hlavně dva typy smyček:
Vstupně řízené smyčky - Při vstupu řízeném je testovací podmínka testována před vstupem do těla smyčky. Pro smyčku a Zatímco Loop jsou smyčky řízené vstupem.
Ukončete řízené smyčky - Při výstupu je testovací stav vyhodnocen na konci těla smyčky. Tělo smyčky se tedy provede alespoň jednou,bez ohledu na to, zda je testovací podmínka pravdivá nebo nepravdivá. smyčka do-while je smyčka řízená výstupem.
Nyní se pojďme bavit o různých metodách provádění smyček JavaScriptu.
Pro smyčku
Tato metoda poskytuje stručný způsob zápisu smyčkové struktury. Smyčka for se opakuje, dokud zadaná podmínka nebude vyhodnocena jako false.
Syntax-
for (inicializace podmínky testování přírůstek / pokles podmínky) {statement}Příklad-
// JavaScriptový program pro ilustraci pro smyčku var x // pro smyčku začíná, když x = 1 // a běží do x<=5 for (x = 1 x <= 5 x++) { document.write('Value of x:' + x + '
')}Výstup-
Hodnota x: 1 Hodnota x: 2 Hodnota x: 3 Hodnota x: 4
Zatímco Loop
Smyčka while je příkaz řízení toku, který umožňuje opakované provádění kódu na základě konkrétní booleovské podmínky. Tato smyčka je podobná smyčce opakujícího se příkazu if.
Syntax-
while (boolean podmínka) {smyčkové příkazy}Příklad-
// JavaScriptový program pro ilustraci while smyčky var x = 1 // Ukončí, když x bude větší než 5 while (x<= 5) { document.write('Value of x:' + x + '
') // zvýší hodnotu x pro // další iteraci x ++}Výstup-
Hodnota x: 1 Hodnota x: 2 Hodnota x: 3 Hodnota x: 4 Hodnota x: 5
Do-while Loop
Tato smyčka je podobná smyčce while, ale jediný rozdíl spočívá v tom, že po provedení příkazů kontroluje stav. Jedná se tedy o příklad Exit Controlled Loop.
webový tutoriál o ruby on rails
Syntax-
dělat {příkazy} while (podmínka)Příklad-
// JavaScriptový program pro ilustraci smyčky do-while var x = 20 do {// pokud je podmínka falešná document.write ('Hodnota x:' + x + '
') x ++} while (x<10) Výstup-
Hodnota x: 20
For-in Loop
Tato smyčka iteruje zadanou proměnnou přes všechny vyčíslitelné vlastnosti objektu. Pro každou odlišnou vlastnost provede JavaScript zadané příkazy.
Syntax-
for (variableName in Object) {commands}Příklad-
// JavaScriptový program pro ilustraci ve smyčce // vytvoření vlastnosti Object var = = první: „Jméno“, druhé: „Věk“, třetí: „Výška“, čtvrté: „Barva očí“, páté: „Národnost '} // opakuje všechny vlastnosti // objektových charakteristik a všechny vytiskne // pomocí smyček for..in pro (itr v charakteristikách) {document.write (charakteristiky [itr] +
')}Výstup-
Jméno Věk Výška Barva očí Národnost
Prohlášení o přestávce
Příkaz break se používá pro vyskočení ze smyčky. Pomůže vám to v přerušení smyčky a pokračovat ve spouštění kódu po smyčce.
Syntax-
konec štítku
Příklad-
var text = '' var i pro (i = 0 i<10 i++) { if (i === 5) { break } text += 'The number is ' + i + '
'}Výstup-
Číslo je 0 Číslo je 1 Číslo je 2 Číslo je 3 Číslo je 4
Pokračovat v prohlášení
Příkaz continue rozbije jednu iteraci ve smyčce, pokud nastane zadaná podmínka, a pokračuje další iterací ve smyčce. Rozdíl mezi příkazem continue a break je v tom, že příkaz continue „přeskočí“ jednu iteraci ve smyčce místo „vyskočí“.
Syntax-
pokračovat v názvu štítku
Příklad-
var text = '' var i pro (i = 0 i<5 i++) { if (i === 2) { continue } text += 'The number is ' + i + '
'}Výstup-
Číslo je 0 Číslo je 1 Číslo je 3 Číslo je 4
Jednalo se o různé metody provádění smyček JavaScriptu. Tím jsme se dostali na konec našeho článku.
Nyní, když víte o smyčkách JavaScriptu, podívejte se na podle Edureka. Osvědčení o školení pro vývoj webových aplikací vám pomůže Naučte se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit do služby Amazon Simple Storage Service (S3).
Máte na nás dotaz? Uveďte to v sekci komentářů v části „JavaScript Loops“ a my se vám ozveme.