JavaScript For အစီအစဉ်

ခုံ အပိုင်း ကို ပြန်လည် အပြီးသတ် လုပ်ကိုင် နိုင်ပါသည်。

JavaScript ခုံ

သင် ကိုယ်တိုင် လောက်လောက် အချက်အလက် ပြောင်းလဲ လုပ်ရသည့် ကို ကျွန်ုပ် တို့ လိုက်လံ လုပ်ကြလိမ့်မယ်။

ပုံစံကို တွေ့ရမည်ဟု မျှော်လင့်တယ်

မပြုလုပ်ရသေး

text += cars[0] + "<br>"; 
text += cars[1] + "<br>"; 
text += cars[2] + "<br>"; 
text += cars[3] + "<br>"; 
text += cars[4] + "<br>"; 
text += cars[5] + "
";

您能够这样写：

for (i = 0; i < cars.length; i++) { 
    text += cars[i] + "
";
 }

亲自试一试

不同类型的循环

JavaScript 支持不同类型的循环：

  • for - 多次遍历代码块
  • for/in - 遍历对象属性
  • while - 当指定条件为 true 时循环一段代码块
  • do/while - 当指定条件为 true 时循环一段代码块

For 循环

for 循环是在您希望创建循环时经常使用的工具。

for 循环的语法如下：

for (အကြောင်းပြု 1; အကြောင်းပြု 2; အကြောင်းပြု 3) {
     要执行的代码块
}

语句 1 在循环（代码块）开始之前执行。

语句 2 定义运行循环（代码块）的条件。

语句 3 会在循环（代码块）每次被执行后执行。

实例

for (i = 0; i < 5; i++) {
     text += "数字是 " + i + "
";
}

亲自试一试

从上面的代码中，您可以了解到：

语句 1 在循环开始之前设置了一个变量（var i = 0）。

语句 2 定义运行循环的条件（i 必须小于 5）。

အကြောင်းပြု 3 သည် လျှပ်စစ်တွင် အခြေခံ တန်ဖိုး ကို တိုးပေးသည် (i++) အပြီးတွင် တိုးပေးသည်。

အကြောင်းပြု 1

ပုံမှာ အကြောင်းပြု 1 သည် လည်တင်ပတ်မှု တွင် အသုံးပြုသော အခြေခံ စက္ခု ကို စတင်ပြီး တန်ဖိုး ကို တိုးပေးသည် (i = 0)။

သို့သော် အခြေအနေ အားလုံးမှာ အမျိုးမဟုတ်ပါ။ JavaScript က အကြောင်းပြု 1 ကို မသတိပါ။ အကြောင်းပြု 1 ကို ဆိုခဲ့လျှင် ဆိုလိုအားလုံး မပါဘဲ။

အကြောင်းပြု 1 တွင် အခြေခံ အချက်အလက် အတွက် အသုံးပြုနိုင်ပါ (ကိုယ်တိုင်း အချက်အလက် ဖြင့် ပေါင်းစပ်ပါ)：

实例

for (i = 0, len = cars.length, text = ""; i < len; i++) { 
    text += cars[i] + "
";
}

亲自试一试

အခြားအရာမရှိဘဲ လျှင် လည်တင်ပတ်မှု စတင်ပြီး အခြေခံ တန်ဖိုး ကို အစားထိုးပါ (အမှုန်း စတင်ပြီး အခြေခံ တန်ဖိုး ကို အစားထိုးပါ)：

实例

var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) { 
    text += cars[i] + "
";
}

亲自试一试

အကြောင်းပြု 2

ပုံမှာ အကြောင်းပြု 2 သည် စနစ်အစား စက္ခု၏ အခြေခံ အခြေအနေ ကို အသုံးပြုသည်。

သို့သော် အခြေအနေ အားလုံးမှာ အမျိုးမဟုတ်ပါ။ JavaScript က အကြောင်းပြု 2 ကို မသတိပါ။ အကြောင်းပြု 2 ကို ဆိုခဲ့လျှင် ဆိုလိုအားလုံး မပါဘဲ။

အကြောင်းပြု 2 က အမှန် (true) ပြန်ပေးခဲ့လျှင် လည်တင်ပတ်မှု အပြီးခတ်သည်။ အမှန်မဟုတ် (false) ပြန်ပေးခဲ့လျှင် လည်တင်ပတ်မှု ကို ပြန်လည်စတင်ပြီးပြီ。

အကြောင်းပြု 2 ကို လွဲချောက်ခြင်းကို ပြုလုပ်ခဲ့လျှင် လည်တင်ပတ်မှု တွင် လိုအပ်သော အကြောင်းပြု တစ်ခု ကို တင်ပြပါ။ breakအခြားအရာမရှိဘဲ လျှင် လည်တင်ပတ်မှု အပြီးခတ်သည်။ အကြောင်းပြု break နှင့် ပတ်သတ်၍ အချက်ပြတာ တိုင်းတာပြီး နောက်တစ်ပတ်လည် ကြည့်ရှုပါ။

အကြောင်းပြု 3

ပုံမှာ အကြောင်းပြု 3 သည် စနစ်အစား စက္ခု၏ အခြေခံ တန်ဖိုး ကို တိုးပေးသည်。

သို့သော် အခြေအနေ အားလုံးမှာ အမျိုးမဟုတ်ပါ။ JavaScript က အကြောင်းပြု 3 ကို မသတိပါ။ အကြောင်းပြု 3 ကို ဆိုခဲ့လျှင် ဆိုလိုအားလုံး မပါဘဲ။

အကြောင်းပြု 3 အရ မည်သည့်အရာကို လုပ်နိုင်ပါသည်၊ အမှုန်းပြည့်လျှော့ခြင်း (i--), အမှုန်းပြည့်တိုးခြင်း (i = i + 15), သို့မဟုတ် အခြားအရာများကို လုပ်နိုင်ပါသည်。

语句 3 也可被省略（比如当您在循环内递增值时）：

实例

var i = 0;
var len = cars.length;
for (; i < len; ) { 
    text += cars[i] + "
";
      i++;
}

亲自试一试

For/In 循环

JavaScript for/in 语句遍历对象的属性：

实例

var person = {fname:"Bill", lname:"Gates", age:62}; 
var text = "";
var x;
for (x in person) {
    text += person[x];
}

亲自试一试

While 循环

我们将在下一章学习 while 循环和 do/while 循环。

课外书

如需更多有关 JavaScript for 语句的知识，请阅读 JavaScript 高级教程中的相关内容：

အင်္ဂလိပ် အမောက်စီအက်စ် ပြောင်းလဲကြောင်း
迭代语句又叫循环语句。本节为您介绍 ECMAScript 提供的四种迭代语句。