For Loops in JavaScript

Ang loop ay makakapagsagawa ng maraming beses ng block ng code.

JavaScript Loop

Kung kailangan mong magsagawa ng code ng maraming beses at bawat beses ay magiging iba ang mga halaga, ang loop ay napakagandahang gamitin.

Kalimitan natin nakakita ng mga halimbawa ng paggamit ng array:

Hindi dapat ganito:

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

Maaari ka ring isulat tulad ng:

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

親自試試

Different types of loops

Ang JavaScript ay sumusuporta sa iba't ibang uri ng loop:

  • for - Multiple iterations of a block of code
  • for/in - Navigating object properties
  • while - Nagpapatuloy ng isang block ng code kapag ang nakatalagang kondisyon ay true
  • do/while - Nagpapatuloy ng isang block ng code kapag ang nakatalagang kondisyon ay true

For loop

Ang for loop ay isang panginahing kasikatan kapag gusto mong gumawa ng loop.

Ang syntax ng for loop ay tulad ng:

for (Pangungusap 1; Pangungusap 2; Pangungusap 3) {
     Ang block ng code na dapat maipapatupad
}

Ang pangungusap 1 ay magpapatupad bago magsimula ang loop (code block).

Ang pangungusap 2 ay nagtutukoy ng kondisyon na dapat maipapatuloy ng loop (code block).

Ang pangungusap 3 ay magpapatupad pagkatapos ang bawat pagpapatupad ng loop (code block).

实例

for (i = 0; i < 5; i++) {
     text += "Ang numero ay " + i + "<br>";
}

親自試試

Mula sa mga nakalagay na code, makikita mo:

Ang pangungusap 1 ay nagset ng variable bago magsimula ang loop (var i = 0).

Ang pangungusap 2 ay nagtutukoy ng kondisyon na dapat maipapatuloy ng loop (i ay dapat mababa sa 5).

Ang pangungusap 3 ay magpapataas ng halaga pagkatapos ang bawat pagpapatupad ng code block (i++).

Pangungusap 1

Karaniwan, gagamitin mo ang pangungusap 1 upang iinitialize ang mga variable na gagamitin sa loop (i = 0).

Ngunit hindi palagi ang ganito, ang JavaScript ay hindi mababahala. Ang pangungusap 1 ay puwede ring ipagwalang bahala.

Maaari ka ring iinitialize ang ilang halaga sa pangungusap 1 (naghihiwalay ng kumahatnugan):

实例

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

親自試試

At maaari ka ring ipagwalang bahala ang pangungusap 1 (halimbawa, i-set ng halaga bago magsimula ang loop):

实例

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

親自試試

Pangungusap 2

Karaniwan, ang pangungusap 2 ay ginagamit upang makalkula ang kondisyon ng naunang variable.

Ngunit hindi palagi ang ganito, ang JavaScript ay hindi mababahala. Ang pangungusap 2 ay puwede ring ipagwalang bahala.

Kung ang pangungusap 2 ay nanggaling sa true, ang loop ay muling magsisimula, kung false, ang loop ay matatapos.

Kung ipinagwalang bahala ang pangungusap 2, dapat magbigay ng isang loop na mayroon itong break.Kung hindi nagpapatuloy ang loop, huwag nang taposin. Bumalik sa susunod na kabanata upang makakita ng higit pang tungkol sa break.

Pangungusap 3

Karaniwan, ang pangungusap 3 ay nagpapatataas sa halagang naunang variable.

Ngunit hindi palagi ang ganito, ang JavaScript ay hindi mababahala. Ang pangungusap 3 ay puwede ring ipagwalang bahala.

Mga pangungusap 3 ay maaaring gawin ang anumang bagay, tulad ng nagbaba sa bilang (i--), nagbaba sa bilang (i = i + 15), o kahit anong bagay pa.

語句 3 也許可以被省略（比如當您在迴圈內遞增值時）：

实例

var i = 0;
var len = cars.length;
for (; i < len; ) { 
    text += cars[i] + "<br>";
      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 迭代语句
迭代语句又称為迴圈語句。本節為您介紹 ECMAScript 提供的四种迴圈語句。