Döngü için JavaScript
Örnek
Bir kod bloğunu beş kez döngüye sokun (yineleyin):
for (let i = 0; i < 5; i++) {
text += i + "<br>";
}
Araba adlarını toplamak için bir diziyi döngüye sokun (yineleyin):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
- Döngü 0 (
let i = 0
) konumunda başlar. i
Döngü , her çalıştırma için otomatik olarak artar .- Döngü sürece kadar çalışır
i < cars.length
.
Aşağıda daha fazla örnek.
Tanım ve Kullanım
İfade for
, bir koşul olduğu sürece yürütülen bir kod bloğunu tanımlar
true
.
Not
2. ifadeyi atlarsanız, döngü içinde bir ara vermeniz gerekir.
Aksi halde döngü asla bitmez. Bu, tarayıcınızı çökertecektir.Ayrıca bakınız:
Sözdizimi
for (statement 1; statement 2; statement 3) {
code block to be executed
}
parametreler
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 Döngü İfadeleri
Beyan | Açıklama | |
kırmak | Bir döngüden kopar | |
devam et | Bir döngüde bir değeri atlar | |
sırasında | Bir koşul doğruyken bir kod bloğunu döngüler | |
yaparken | Bir kod bloğunu bir kez ve ardından bir koşul doğruyken döngüler | |
için | Bir koşul doğruyken bir kod bloğunu döngüler | |
için... | Herhangi bir yinelenebilirin değerlerini döngüler | |
için...içinde | Bir nesnenin özelliklerini döngüler |
Daha fazla örnek
İlk parametrede birden çok değer başlatın:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
İlk parametreleri atlayın (döngü başlamadan önce değerleri ayarlayın):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
Kullan continue
- Bir kod bloğunda dolaşın, ancak 3 değerini atlayın:
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) continue;
text += i + "<br>";
}
Kullan break
- Bir kod bloğunu döngüye sokun, ancak şu durumlarda döngüden çıkın i == 3
:
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) break;
text += i + "<br>";
}
İkinci parametreyi atlayın.
Döngüden çıkmak için kullanın break
, aksi takdirde döngü asla bitmez ve tarayıcınız çöker:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = 0; ; i++) {
if (i == cars-length) break;
text += cars[i] + "<br>";
}
Bir dizi üzerinde azalan sırada döngü yapın (negatif artış):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = cars.length - 1; i >= 0; i--) {
text += cars[i] + "<br>";
}
Son parametreyi atlayın ve döngü içindeki değerleri artırın:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let len = cars.length;
for (; i < len;) {
text += cars[i] + "<br>";
i++;
}
Bir NodeList'i döngüye sokun ve listedeki tüm p öğelerinin rengini değiştirin:
const myNodelist = document.getElementsByTagName("P");
for (let i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.color = "blue";
}
Yuvalanmış bir döngü (bir döngü içinde bir döngü):
let text = "";
for (let = 0; i < 3; i++) {
text += i + "<br>";
for (let j = 10; j < 15; j++) {
text += j + "<br>";
}
}
Tarayıcı Desteği
for
bir ECMAScript1 (ES1) özelliğidir.
ES1 (JavaScript 1997) tüm tarayıcılarda tam olarak desteklenir:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |