Loop အတွက် JavaScript
ဥပမာ
ကုဒ်ပိတ်ဆို့ခြင်းကို ငါးကြိမ်တိုင်ပတ် (ထပ်လုပ်ပါ)
for (let i = 0; i < 5; i++) {
text += i + "<br>";
}
ကားအမည်များစုဆောင်းရန် array တစ်ခုအား လှည့်ပတ် (ထပ်လုပ်ပါ)
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0; i < cars.length; i++) {
text += cars[i] + "<br>";
}
- loop သည် position 0 (
let i = 0
) တွင် စတင်သည်။ i
လည်ပတ် မှုတစ်ခုစီအတွက် loop သည် အလိုအလျောက်တိုးလာ သည်။- ကွင်းသည် လည်ပတ်နေသရွေ့ လည်ပတ်
i < cars.length
နေသည်။
အောက်တွင် နောက်ထပ် ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ကြေငြာချက်သည် အခြေအနေတစ်ခုရှိနေသရွေ့ လုပ်ဆောင်သည့် ကုဒ်ပိတ်ဆို့ခြင်း ကို for
သတ်မှတ်သည်
true
။
မှတ်ချက်
အကယ်၍ သင်သည် ကြေငြာချက် 2 ကို ချန်လှပ်ထားပါက၊ သင်သည် loop အတွင်းတွင် break ကို ပေးရပါမည်။
မဟုတ်ရင် ကွင်းက ဘယ်တော့မှ ပြီးမှာမဟုတ်ဘူး။ ၎င်းသည် သင့်ဘရောက်ဆာကို ပျက်စီးစေလိမ့်မည်။ကိုလည်းကြည့်ပါ-
အထားအသို
for (statement 1; statement 2; statement 3) {
code block to be executed
}
ကန့်သတ်ချက်များ
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 Loop Statements
ထုတ်ပြန်ချက် | ဖော်ပြချက် | |
ချိုး | အဝိုင်းမှ ကွဲထွက်သည်။ | |
ဆက်လက် | အကွက်တစ်ခုရှိ တန်ဖိုးတစ်ခုကို ကျော်သွားသည် | |
စဉ်တွင် | အခြေအနေမှန်နေချိန်တွင် ကုဒ်ပိတ်ဆို့ခြင်းကို လှည့်ပတ်သည်။ | |
လုပ်ပါ...ခဏ | ကုဒ် ပိတ်ဆို့ခြင်းကို တစ်ကြိမ် လှည့်ပြီးနောက် အခြေအနေမှန်နေချိန်တွင် | |
အဘို့ | အခြေအနေမှန်နေချိန်တွင် ကုဒ်ပိတ်ဆို့ခြင်းကို လှည့်ပတ်သည်။ | |
အတွက်... | ထပ်ကာထပ်ကာပြုလုပ်နိုင်သော မည်သည့်တန်ဖိုးများကိုမဆို လှည့်ပတ်သည်။ | |
အတွက်... | အရာဝတ္ထုတစ်ခု၏ ဂုဏ်သတ္တိများကို လှည့်ပတ်သည်။ |
နောက်ထပ် ဥပမာများ
ပထမဘောင်တွင် တန်ဖိုးများစွာကို စတင်ပါ-
const cars = ["BMW", "Volvo", "Saab", "Ford"];
for (let i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
}
ပထမဘောင်များကို ချန်လှပ်ထားပါ (ကွင်းဆက်မစတင်မီ တန်ဖိုးများကို သတ်မှတ်ပါ)
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 2;
let len = cars.length;
let text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
}
အသုံးပြု continue
ပါ - ကုဒ်တစ်တုံးကို လှည့်ပတ်သော်လည်း တန်ဖိုး 3 ကို ကျော်သွားပါ
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) continue;
text += i + "<br>";
}
အသုံးပြု break
ပါ - ကုဒ်ပိတ်ဆို့ခြင်းအား လှည့်ပတ်သော်လည်း ကွင်းပတ်မှ ထွက်သည့်အခါ i == 3
-
let text = "";
for (let i = 0; i < 5; i++) {
if (i == 3) break;
text += i + "<br>";
}
ဒုတိယဘောင်ကို ချန်လှပ်ထားပါ။
စက်ဝိုင်းမှ ထွက်ရန် အသုံးပြု break
ပါ၊ သို့မဟုတ်ပါက ကွင်းဆက်သည် ဘယ်တော့မှ ပြီးဆုံးမည်မဟုတ်ပါ၊ သင့်ဘရောက်ဆာ ပျက်သွားလိမ့်မည်-
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = 0; ; i++) {
if (i == cars-length) break;
text += cars[i] + "<br>";
}
array တစ်ခုကို ကြီးစဉ်ငယ်လိုက်ဖြင့် လှည့်ပတ် (အနုတ်လက္ခဏာ တိုးနေသည်):
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
for (let i = cars.length - 1; i >= 0; i--) {
text += cars[i] + "<br>";
}
နောက်ဆုံး ကန့်သတ်ဘောင်ကို ဖယ်ကာ ကွင်းအတွင်းရှိ တန်ဖိုးများကို တိုးပါ။
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let i = 0;
let len = cars.length;
for (; i < len;) {
text += cars[i] + "<br>";
i++;
}
NodeList ကို လှည့်ပတ်ပြီး စာရင်းရှိ p အစိတ်အပိုင်းအားလုံး၏ အရောင်ကို ပြောင်းပါ-
const myNodelist = document.getElementsByTagName("P");
for (let i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.color = "blue";
}
အသိုက်အဝန်းတစ်ခု (ကွင်းအတွင်း၌ ကွင်းပတ်တစ်ခု):
let text = "";
for (let = 0; i < 3; i++) {
text += i + "<br>";
for (let j = 10; j < 15; j++) {
text += j + "<br>";
}
}
Browser ပံ့ပိုးမှု
for
ECMAScript1 (ES1) အင်္ဂါရပ်တစ်ခုဖြစ်သည်။
ES1 (JavaScript 1997) ကို ဘရောက်ဆာအားလုံးတွင် အပြည့်အဝ ပံ့ပိုးထားသည်။
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |