loop

 

在 javascript loop 的種類有

 

一、for

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

說明：

1、Statement 1：在 code block 被執行前，此區段會先執行一次。

此區段可以省略，也可放入多個陳述句

for (var i = 0, v2 = 10; i < 3; i++) {
    v2 = v2 + i;
    console.log(v2);
}

其結果為

 

2、Statement 2：用來定義執行 code block 的先決條件。

此區段可以省略，但請記得自行加上終止條件

var i = 0;
for (; ;) {
    if (i < 3) {
        console.log(i);
        i++;
    } else {
        break;
    }
}

其結果為

 

3、Statement 3：在每次 code block 執行完後，才接著執行此區段。

此區段可以省略，但你要自己在 code block 實作遞增或遞減值

for (var i = 3; i > 0;) {
    console.log(i);
    i--;
}

 

二、for/in

用來 through object

var person = { fname: "John", lname: "Doe", age: 25 };
for (propertyName in person) {
    console.log(propertyName + ":" + person[propertyName]);
}

其結果為

 

三、for/of

用來 through iterable object，例如：array、string

1、array

var cars = ['BMW', 'Volvo', 'Mini'];
for (theValue of cars) {
    console.log(theValue);
}

其結果為

 

2、string

var txt = "abc";
for (c of txt) {
    console.log(c);
}

其結果為

 

四、while

var i = 0;
while (i < 3) {
    console.log(i);
    i++;
}

其結果為

注意，需在 code block 實作遞增或遞減值。

 

五、do/while

var i = 0;
do {
    console.log(i);
    i++;
} while (i < 3);

其結果為

與 while condition 不同的是，do while 是先做 code block 再判斷是否符合條件接下去。