JavaScript vir Loop
Voorbeeld
Loop (iterateer oor) 'n kodeblok vyf keer:
for (let i = 0; i < 5; i++) {
text += i + "<br>";
}
Loop (iterateer oor) 'n skikking om motorname te versamel:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
- Die lus begin in posisie 0 (
let i = 0
). - Die lus inkrementeer outomaties
i
vir elke lopie. - Die lus loop so lank as
i < cars.length
.
Meer voorbeelde hieronder.
Definisie en gebruik
Die for
stelling definieer 'n kodeblok wat uitgevoer word solank 'n voorwaarde is
true
.
Let wel
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.Sien ook:
Sintaksis
for (statement 1; statement 2; statement 3) {
code block to be executed
}
Grense
Parameter | Description |
statement 1 | Optional. Executed before the code block starts. Normally used to initialize a counter variable. To initiate multiple values, separate each value with a comma. This parameter can be omitted, but not the semicolon ";" |
statement 2 | Optional. The condition for running the code block. If it returns true the loop will start over again, otherwise the loop will end.This parameter can be omitted, but not the semicolon ";" |
statement 3 | Optional. Executed after the code block. Normally used to increment the counter variable. This parameter can be omitted (e.g. to increase/decrease values inside the loop) |
JavaScript-lusverklarings
Verklaring | Beskrywing | |
breek | Breek uit 'n lus | |
aanhou | Slaan 'n waarde in 'n lus oor | |
terwyl | Loop 'n kodeblok terwyl 'n voorwaarde waar is | |
doen terwyl | Loop 'n kodeblok een keer, en dan terwyl 'n voorwaarde waar is | |
vir | Loop 'n kodeblok terwyl 'n voorwaarde waar is | |
vir ... van | Loop die waardes van enige herhaalbare | |
vir...in | Loop die eienskappe van 'n voorwerp |
Meer voorbeelde
Begin veelvuldige waardes in die eerste parameter:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
Laat die eerste parameters weg (stel die waardes voor die lus begin):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Gebruik continue
- Loop deur 'n blok kode, maar slaan die waarde 3 oor:
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) continue;
text += i + "<br>";
}
Gebruik break
- Loop 'n kodeblok, maar verlaat die lus wanneer i == 3
:
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) break;
text += i + "<br>";
}
Laat die tweede parameter weg.
Gebruik break
om die lus te verlaat, anders sal die lus nooit eindig nie, en jou blaaier sal crash:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = 0; ; i++) {
if (i == cars-length) break;
text += cars[i] + "<br>";
}
Loop oor 'n skikking in dalende volgorde (negatiewe inkrement):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = cars.length - 1; i >= 0; i--) {
text += cars[i] + "<br>";
}
Laat die laaste parameter weg en verhoog die waardes binne die lus:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let len = cars.length;
for (; i < len;) {
text += cars[i] + "<br>";
i++;
}
Loop 'n NodeList en verander die kleur van alle p elemente in die lys:
const myNodelist = document.getElementsByTagName("P");
for (let i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.color = "blue";
}
'n Geneste lus ('n lus binne 'n lus):
let text = "";
for (let = 0; i < 3; i++) {
text += i + "<br>";
for (let j = 10; j < 15; j++) {
text += j + "<br>";
}
}
Blaaierondersteuning
for
is 'n ECMAScript1 (ES1) kenmerk.
ES1 (JavaScript 1997) word ten volle ondersteun in alle blaaiers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |