ຄຳສັ່ງ for JavaScript

ການກໍານົດ ແລະ ການນໍາໃຊ້

ການອອກຄຳສັ່ງ for ສ້າງການສົ່ງລົງມາ, ພຽງແຕ່ເວລາທີ່ເງື່ອນຈະຖືກຄວາມຈິງຈະດຳເນີນການ.

ວ່າເງື່ອນຈະຖືກຄວາມຈິງໃຫ້ສືບຕໍ່ການດຳເນີນການ. ພຽງແຕ່ເວລາທີ່ເງື່ອນຈະຖືກຄວາມຜິດຫວັງຈະຢຸດຕິການດຳເນີນການ.

JavaScript ສະໜັບສະໜູນການການສົ່ງລົງມາຫຼາຍຄັ້ງທີ່ຫຼາກຫຼາຍ

  • for - ການການສົ່ງລົງມາຫຼາຍຄັ້ງ
  • for/in - ການແລກປະກອບຜະລິດທະນາຍິບຂອງບັນດາບັນດາປະກອບປະກອນ
  • for/of - 循环遍历可迭代对象的值
  • while - 在指定条件为真时循环代码块
  • do/while - 循环一次代码块，然后在指定条件为真时重复循环

提示：请使用 break 语句跳出循环，使用 continue 语句跳过循环中的某个值。

实例

循环代码块五次：

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

亲自试一试

页面下方有更多 TIY 实例。

语法

for (statement 1; statement 2; statement 3) {
  code block to be executed
}

参数值

参数 描述
statement1

可选。在循环（代码块）开始之前执行。通常此语句用于初始化计数器变量。如需初始化多个值，请用逗号分隔每个值。

ຄຳປະກອບທຳອິດຄຳປະກອບທຳອິດ: ສາມາດຫຼີກລະບຽບ. ແຕ່ບໍ່ຫຼີກຄຳປະກອບ ";"
statement2

ຄຳປະກອບທຳອິດ: ການກໍານົດສະພາບທຳອິດການສາຍລະບົບ (ການລະບົບວົງກວ້າງ). ປະຈຸບັນຄຳປະກອບທຳອິດຈະນຳໃຊ້ເພື່ອການປະເມີນສະພາບຂອງຄຳປະກອບທຳອິດ. ຖ້າຄຳປະກອບທຳອິດຈະມີຄວາມຕ້ອງການ true ການສາຍລະບົບຈະສືບຕໍ່ ຖ້າ false ການສາຍລະບົບຈະສິ້ນສຸດ

ຄຳປະກອບທຳອິດຄຳປະກອບທຳອິດສາມາດຫຼີກລະບຽບ. ແຕ່ບໍ່ຫຼີກຄຳປະກອບ ";". ຖ້າຫຼີກຄຳປະກອບທຳອິດນັ້ນ ຈະຕ້ອງມີ break ໃນລະບົບວົງກວ້າງ. ຖ້າບໍ່ມີ break ການສາຍລະບົບຈະບໍ່ສາມາດສິ້ນສຸດຫຼາຍ ແລະຈະເຮັດໃຫ້ຈົດສະໝຸນຂອງທ່ານລົ້ມ
statement3

ຄຳປະກອບທຳອິດ: ການສາຍລະບົບຂອງຄຳປະກອບທຳອິດ (ການລະບົບວົງກວ້າງ) ທີ່ສະເຫນີ. ປະຈຸບັນຄຳປະກອບທຳອິດຈະນຳໃຊ້ເພື່ອການເພີ່ມຫຼຸດຄຳປະກອບທຳອິດ

ຄຳປະກອບທຳອິດຄຳປະກອບທຳອິດສາມາດຫຼີກລະບຽບ (ເພື່ອການເພີ່ມ/ຫຼຸດຄຳປະກອບທຳອິດໃນລະບົບວົງກວ້າງ)

ຂໍ້ມູນດ້ານເຕັກນິກ

ຄວາມຍັງບໍ່ຕໍ່າ: JavaScript ECMAScript 1

ຄວາມຍັງບໍ່ຕໍ່າ

实例

ການສາຍລະບົບທີ່ຜ່ານບັນດາບັນທຶກຢູ່ອາກາດ cars ເພື່ອການການຮຽນຊື່ລົດ

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

亲自试一试

ຄວາມອະທິບາຍຄວາມຍັງບໍ່ຕໍ່າ

  • ກ່ອນການເລີ່ມລະບົບວົງກວ້າງພວກເຮົາຕັ້ງຄຳປະກອບທຳອິດ (var i = 0;)
  • ຫຼັງຈາກນັ້ນພວກເຮົາກໍານົດສະພາບທຳອິດການສາຍລະບົບ. ວ່າຄຳປະກອບທຳອິດຍັງບໍ່ຕໍ່າກວ່າຄວາມຍາວຂອງອາກາດ (4) ການສາຍລະບົບຈະສືບຕໍ່
  • ທຳອິດການສາຍລະບົບວົງກວ້າງທຳອິດທີ່ສະເຫນີຄຳປະກອບທຳອິດຈະຕົກລົງ (i++)
  • ບໍ່ໄດ້ມີຄຳປະກອບທຳອິດພາຍໃນຄວາມຍັງບໍ່ຕໍ່າກວ່າ 4 (ຄວາມຍາວຂອງອາກາດ) ສະພາບຂອງຄຳປະກອບທຳອິດຈະຖືກຕັດອອກ

实例

ການຕັ້ງຂໍ້ມູນຫຼາຍຄຳໃນຄຳປະກອບທຳອິດ

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

亲自试一试

实例

ຫຼີກລະບຽບຄຳປະກອບທຳອິດ (ການຕັ້ງຂໍ້ມູນກ່ອນການເລີ່ມລະບົບວົງກວ້າງ)

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

亲自试一试

实例

ນຳໃຊ້ຄຳສັ່ງ continue - ການສາຍລະບົບການລະບົບວົງກວ້າງແຕ່ຫຼີກຄຳ“3”ນັ້ນ

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

亲自试一试

实例

使用 break 语句 - 循环一段代码，但当变量 i 等于 "3" 时退出循环：

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

亲自试一试

实例

省略第二个参数。在这个例子中，我们也使用 break 语句在 i 等于 "3" 时退出循环（如果省略第二个参数，则必须在循环内提供一个 break。否则循环将永远不会结束，您的浏览器将奔溃）：

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

亲自试一试

实例

按降序循环遍历数组的索引（负递增）：

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

亲自试一试

实例

省略最后一个参数，并在循环内递增值：

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

亲自试一试

实例

循环遍历 NodeList 对象的节点并更改列表中所有 <p> 元素的背景颜色：

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

亲自试一试

实例

嵌套循环的例子（循环内的循环）：

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 + " ";
  }
}

亲自试一试

浏览器支持

语句 Chrome IE Firefox Safari Opera
for 支持 支持 支持 支持 支持

相关页面

JavaScript 教程：ການອອກວົງ for ຂອງ JavaScript

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

JavaScript 参考手册：ຄຳສັ່ງ break ຂອງ JavaScript

JavaScript 参考手册：ຄຳສັ່ງ continue ຂອງ JavaScript

JavaScript 参考手册：ຄຳສັ່ງ while ຂອງ JavaScript