JavaScript 支持不同类型的循环：

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

for 循环

语句 1 （代码块）开始前执行

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

语句 3 在循环（代码块）已被执行之后执行

  1. for (语句 1; 语句 2; 语句 3)
  2. {
  3.     被执行的代码块
  4. }

  • Statement 1 在循环开始之前设置变量 (var i=0)。

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

  • Statement 3 在每次代码块已被执行后增加一个值 (i++)。

实例：

  1. for (var i = 0; i < 5; i++) {
  2.     x = x + "该数字为 " + i + "<br>";
  3. }
  • 可以省略语句 1（比如在循环开始前已经设置了值时）：

实例:

  1. var i = 2,
  2.     len = cars.length;
  3. for (; i < len; i++) {
  4.     document.write(cars[i] + "<br>");
  5. }

For/In 循环

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

实例:

  1. var person = {
  2.     fname: "John",
  3.     lname: "Doe",
  4.     age: 25
  5. };
  7. for (x in person) // x 为属性名
  8. {
  9.     txt = txt + person[x];
  10. }

小练习：

  1. let num=1234567;
  2.     for (var i = 1; i <= 1000000; i *= 10) {
  3.       console.log(parseInt(num / i) / 10)
  4.     }