for
Misol
Kod blokini besh marta takrorlang (iteratsiya qiling):
for (let i = 0; i < 5; i++) {
text += i + "<br>";
}
O‘zingiz sinab ko‘ring »
Avtomobil nomlarini yig‘ish uchun massiv bo‘ylab sikl bajaring (iteratsiya qiling):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
O‘zingiz sinab ko‘ring »
- Sikl 0-pozitsiyadan boshlanadi (
let i = 0). - Sikl har bir aylanishda
ini avtomatik ravishda oshiradi. - Sikl
i < cars.lengthbo‘lgan paytda davom etadi.
Quyida ko‘proq misollar.
Tavsif
for operatori shart true bo‘lgan paytda bajariladigan kod blokini belgilaydi.
Eslatma
Agar statement 2 ni tushirib qoldirsangiz, sikl ichida break ishlatishingiz shart.
Aks holda sikl hech qachon tugamaydi. Bu brauzeringizni ishdan chiqaradi.Shuningdek qarang:
Sintaksis
for (statement 1; statement 2; statement 3) {
bajariladigan kod bloki
}
Parametrlar
| Parametr | Tavsif |
| statement 1 | Ixtiyoriy. Kod bloki boshlanishidan oldin bajariladi. Odatda hisoblagich o‘zgaruvchini initsializatsiya qilish uchun ishlatiladi. Bir nechta qiymatni initsializatsiya qilish uchun har bir qiymatni vergul bilan ajrating. Bu parametrni tushirib qoldirish mumkin, lekin nuqtali vergul ";" ni emas |
| statement 2 | Ixtiyoriy. Kod blokini ishga tushirish sharti. Agar u true qaytarsa, sikl qaytadan boshlanadi, aks holda sikl tugaydi.Bu parametrni tushirib qoldirish mumkin, lekin nuqtali vergul ";" ni emas |
| statement 3 | Ixtiyoriy. Kod blokidan keyin bajariladi. Odatda hisoblagich o‘zgaruvchini oshirish uchun ishlatiladi. Bu parametrni tushirib qoldirish mumkin (masalan, qiymatlarni sikl ichida oshirish/kamaytirish uchun) |
JavaScript sikl operatorlari
| Ko‘rsatma | Tavsif | |
| break | Sikldan chiqadi | |
| continue | Sikldagi qiymatni o‘tkazib yuboradi | |
| while | Shart true bo‘lgan paytda kod blokini takrorlaydi | |
| do...while | Kod blokini bir marta, so‘ngra shart true bo‘lgan paytda takrorlaydi | |
| for | Shart true bo‘lgan paytda kod blokini takrorlaydi | |
| for...of | Har qanday iteratsiya qilinadigan obyektning qiymatlari bo‘ylab sikl bajaradi | |
| for...in | Obyekt xususiyatlari bo‘ylab sikl bajaradi |
Ko‘proq misollar
Birinchi parametrda bir nechta qiymatni initsializatsiya qiling:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
O‘zingiz sinab ko‘ring »
Birinchi parametrni tushirib qoldiring (qiymatlarni sikl boshlanishidan oldin o‘rnating):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
O‘zingiz sinab ko‘ring »
continuedan foydalaning — kod bloki bo‘ylab sikl bajaring, lekin 3 qiymatini o‘tkazib yuboring:
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) continue;
text += i + "<br>";
}
O‘zingiz sinab ko‘ring »
breakdan foydalaning — kod blokini takrorlang, lekin i == 3 bo‘lganda sikldan chiqing:
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) break;
text += i + "<br>";
}
O‘zingiz sinab ko‘ring »
Ikkinchi parametrni tushirib qoldiring.
Sikldan chiqish uchun breakdan foydalaning, aks holda sikl hech qachon tugamaydi va brauzeringiz ishdan chiqadi:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = 0; ; i++) {
if (i == cars-length) break;
text += cars[i] + "<br>";
}
O‘zingiz sinab ko‘ring »
Massiv bo‘ylab kamayish tartibida sikl bajaring (manfiy qadam bilan):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = cars.length - 1; i >= 0; i--) {
text += cars[i] + "<br>";
}
O‘zingiz sinab ko‘ring »
Oxirgi parametrni tushirib qoldiring va qiymatlarni sikl ichida oshiring:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let len = cars.length;
for (; i < len;) {
text += cars[i] + "<br>";
i++;
}
O‘zingiz sinab ko‘ring »
NodeList bo‘ylab sikl bajaring va ro‘yxatdagi barcha p elementlarining rangini o‘zgartiring:
const myNodelist = document.getElementsByTagName("P");
for (let i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.color = "blue";
}
O‘zingiz sinab ko‘ring »
Ichma-ich sikl (sikl ichidagi sikl):
let text = "";
for (let = 0; i < 3; i++) {
text += i + "<br>";
for (let j = 10; j < 15; j++) {
text += j + "<br>";
}
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
for — ECMAScript1 (JavaScript 1997) imkoniyati.
U barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!