JavaScript vir lus
Lusse kan 'n blok kode 'n aantal kere uitvoer.
JavaScript-lusse
Lusse is handig as jy dieselfde kode oor en oor wil laat loop, elke keer met 'n ander waarde.
Dikwels is dit die geval wanneer met skikkings gewerk word:
In plaas daarvan om te skryf:
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
Jy kan skryf:
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
Verskillende soorte lusse
JavaScript ondersteun verskillende soorte lusse:
for
- loop 'n aantal kere deur 'n blok kodefor/in
- loop deur die eienskappe van 'n voorwerpfor/of
- loop deur die waardes van 'n herhaalbare voorwerpwhile
- loop deur 'n blok kode terwyl 'n gespesifiseerde toestand waar isdo/while
- loop ook deur 'n blok kode terwyl 'n gespesifiseerde toestand waar is
Die For Loop
Die for
lus het die volgende sintaksis:
for (statement 1; statement 2; statement 3) {
// code block to be executed
}
Stelling 1 word (een keer) uitgevoer voor die uitvoering van die kodeblok.
Stelling 2 definieer die voorwaarde vir die uitvoering van die kodeblok.
Stelling 3 word uitgevoer (elke keer) nadat die kodeblok uitgevoer is.
Voorbeeld
for (let i = 0; i < 5; i++) {
text += "The number is " + i + "<br>";
}
Uit die voorbeeld hierbo kan jy lees:
Stelling 1 stel 'n veranderlike voor die lus begin (laat i = 0).
Stelling 2 definieer die voorwaarde vir die lus om te loop (i moet minder as 5 wees).
Stelling 3 verhoog 'n waarde (i++) elke keer as die kodeblok in die lus uitgevoer is.
Verklaring 1
Normaalweg sal jy stelling 1 gebruik om die veranderlike wat in die lus gebruik word te inisialiseer (laat i = 0).
Dit is nie altyd die geval nie, JavaScript gee nie om nie. Stelling 1 is opsioneel.
Jy kan baie waardes in stelling 1 inisieer (geskei deur komma):
Voorbeeld
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
En jy kan stelling 1 weglaat (soos wanneer jou waardes gestel word voor die lus begin):
Voorbeeld
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Verklaring 2
Dikwels word stelling 2 gebruik om die toestand van die aanvanklike veranderlike te evalueer.
Dit is nie altyd die geval nie, JavaScript gee nie om nie. Stelling 2 is ook opsioneel.
As stelling 2 waar teruggee, sal die lus weer begin, as dit onwaar gee, sal die lus eindig.
As jy stelling 2 weglaat, moet jy 'n breek in die lus verskaf. Anders sal die lus nooit eindig nie. Dit sal jou blaaier laat crash. Lees oor pouses in 'n latere hoofstuk van hierdie tutoriaal.
Verklaring 3
Dikwels verhoog stelling 3 die waarde van die aanvanklike veranderlike.
Dit is nie altyd die geval nie, JavaScript gee nie om nie, en stelling 3 is opsioneel.
Stelling 3 kan enigiets doen soos negatiewe verhoging (i--), positiewe verhoging (i = i + 15), of enigiets anders.
Stelling 3 kan ook weggelaat word (soos wanneer jy jou waardes binne die lus verhoog):
Voorbeeld
let i = 0;
let len = cars.length;
let text = "";
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
}
Loop Scope
Gebruik var
in 'n lus:
Voorbeeld
var i = 5;
for (var i = 0; i < 10; i++) {
// some code
}
// Here i is 10
Gebruik let
in 'n lus:
Voorbeeld
let i = 5;
for (let i = 0; i < 10; i++) {
// some code
}
// Here i is 5
In die eerste voorbeeld, met behulp van var
, herverklaar die veranderlike wat in die lus verklaar is, die veranderlike buite die lus.
In die tweede voorbeeld, met behulp van let
, herverklaar die veranderlike wat in die lus verklaar word nie die veranderlike buite die lus nie.
Wanneer let
dit gebruik word om die i-veranderlike in 'n lus te verklaar, sal die i-veranderlike slegs binne die lus sigbaar wees.
Vir/Van en Vir/In lusse
Die for/in
lus en die for/of
lus word in die volgende hoofstuk verduidelik.
Terwyl Loops
Die while
lus en die do/while
word in die volgende hoofstukke verduidelik.