Ang JavaScript for statement

Paglilinang at paggamit

Ang for statement ay gumawa ng paglulukso, at ito ay magsasagawa lamang habang ang kondisyon ay totoo.

Habang ang kondisyon ay totoo, ang paglulukso ay magpapatuloy. Ito ay maghinto lamang kapag ang kondisyon ay naging maliit.

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

  • for - Maraming beses na paglulukso ng bloke ng kodigo
  • for/in - Pagbabalik-balik ng mga katangian ng objekto
  • for/of - mag-loop ng halaga ng maaaring pinag-iterate na bagay
  • while - mag-loop ng code block kapag ang kondisyon ay tunay
  • do/while - mag-loop ng isang beses ng code block, at pagkatapos ay mag-ulo ng loop kapag ang kondisyon ay tunay

Tip:Gamitin ang statement na break upang lumabas sa loop, gamitin ang statement na continue upang tanggapin ang isang halaga sa loob ng loop.

Example

Mag-loop ng code block ng limang beses:

var text = "";
var i;
for (i = 0; i < 5; i++) {
  text += "The number is " + i + "<br>";

Try It Yourself

May higit pang TIY instance sa ibaba ng pahina.

Gramatika

for (statement 1; statement 2; statement 3) {
  code block na dapat isagawa

Halaga ng argumento

Argumento Paglalarawan
statement1

Opisyal. Iginawad bago magsimula ang loop (code block). Karaniwang ginagamit ang statement na ito upang itakda ang counter variable. Kung nais na itakda ang ilang halaga, gamitin ang kumagat ng kumahatnugan.

Komento:Maaaring iwanin ang argumento na ito. Subalit, huwag tanggapin ang pahintulot na ";"
statement2

Opisyal. Itakda ang kondisyon na magpapatuloy ng loop (code block). Karaniwang ginagamit ang statement na ito upang pagtutukoy ang kondisyon ng counter variable. Kung bumalik ang true, ang loop ay magpapatuloy, kung bumalik ang false, ang loop ay matapos.

Komento:Maaaring iwanin ang argumento na ito. Subalit, huwag tanggapin ang pahintulot na ";". At kung iwanin ang argumento na ito, dapat magbigay ng break sa loob ng loop. Kung hindi, ang loop ay hindi na magtatapos, at ito ay mag-crash ang iyong browser.
statement3

Opisyal. Iginawad ang loop (code block) pagkatapos ng pagpapatuloy. Karaniwang ginagamit ang statement na ito upang dagdagan o bawasan ang counter variable.

Komento:Maaaring iwanin ang argumento na ito (halimbawa, dagdagan/ bawasan ang halaga sa loob ng loop).

Detalye ng teknolohiya

Versyon ng JavaScript: ECMAScript 1

Higit pang halimbawa

Example

Ang loop ay pinapalipas ang index ng array, at kumolekta ng pangalan ng sasakyan mula sa array na cars:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";

Try It Yourself

Halimbawa ng paliwanag:

  • Unang, itakda naming ang variable bago magsimula ang loop (var i = 0;):
  • Pagkatapos, tinatantya naming ang kondisyon na magpapatuloy ng loop. Kung ang variable ay mas mababa sa haba ng array (4), ang loop ay magpapatuloy
  • Pagbubuksan ang bawat loop, ang variable ay nadagdagan (i++):
  • Pagkatapos ng variable ay hindi na mas mababa sa 4 (haba ng array), ang kondisyon ay maliit, ang loop ay natapos

Example

Itakda ang ilang halaga sa unang argumento:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) { 
  text += cars[i] + "<br>";

Try It Yourself

Example

Iwanin ang unang argumento (itinakda ang halaga bago magsimula ang loop):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
  text += cars[i] + "<br>";

Try It Yourself

Example

Gamit ang statement na continue - sumusulong ang code block, ngunit huwag tanggapin ang halaga na "3":

var text = ""
var i;
for (i = 0; i < 5; i++) {
  if (i == 3) {
    continue;
  
  text += "The number is " + i + "<br>";

Try It Yourself

Example

Use the break statement - Execute a block of code, but exit the loop when the variable i equals "3":

var text = ""
var i;
for (i = 0; i < 5; i++) {
  if (i == 3) {
    break;
  
  text += "The number is " + i + "<br>";

Try It Yourself

Example

Omit the second parameter. In this example, we also use the break statement to exit the loop when i equals "3" (if the second parameter is omitted, you must provide a break within the loop. Otherwise, the loop will never end, and your browser will crash):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
  if (i == 3) {
    break;
  
  text += cars[i] + "<br>";

Try It Yourself

Example

Loop through the array indices in descending order (negative increment):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
  text += cars[i] + "<br>";

Try It Yourself

Example

Omit the last parameter and increment the value within the loop:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) { 
  text += cars[i] + "<br>";
  i++;

Try It Yourself

Example

Loop through NodeList object nodes and change the background color of all <p> elements in the list:

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
  myNodelist[i].style.backgroundColor = "red";

Try It Yourself

Example

Example of Nested Loops (Loops within Loops):

var text = "";
var i, j;
for (i = 0; i < 3; i++) {
  text += "<br>" + "i = " + i + ", j = "; 
  for (j = 10; j < 15; j++) {
    document.getElementById("demo").innerHTML = text += j + " ";

Try It Yourself

Browser Support

Statements Chrome IE Firefox Safari Opera
for Support Support Support Support Support

Related Pages

JavaScript Tutorial:JavaScript For 循环

JavaScript 参考手册：JavaScript for ... in 语句

JavaScript 参考手册：JavaScript break 语句

JavaScript 参考手册：JavaScript continue 语句

JavaScript 参考手册：JavaScript while 语句