DIV CSS 佈局教程網

for循環:
復制代碼 代碼如下:
for(i=start; i<end; i++) {

}

while循環: (注意, 若條件一直為真, 則會進入死循環, 浏覽器就hang掉)
復制代碼 代碼如下:
while (condition) {
     //do something;
     //change condition;
}

遞歸:

使用for循環做substring
復制代碼 代碼如下:
function substring(all, start, end) {
    for(i=start; i<=end; i++) {
         console.log(all[i]);
    }

substring("eclipse", 1, 4);   //clip

使用遞歸實現substring
復制代碼 代碼如下:
function substring(all, start, end) {
    if(start >= end) {
        return all[start];
    }
    else {
        return all[start] + substring(all, start+1, end);
    }

substring("eclipse", 1, 4);    //clip

使用for循環訪問對象屬性:

對於數組,字符串, 我們使用index []訪問特定的值; 對於對象,也是一樣使用[], 但我們會使用一個特殊的變量: propertyName
復制代碼 代碼如下:
var person = {
    name: "Morgan Jones",
    telephone: "(650) 777 - 7777",
    email: "[email protected]"
};

for (var propertyName in person) {
    console.log(propertyName + ":"+ person[propertyName]);
}

使用for循環, 查找數組內的數據:
復制代碼 代碼如下:
var table = [
    ["Person",  "Age",  "City"],
    ["Sue",     22,     "San Francisco"],
    ["Joe",     45,     "Halifax"]
];

var i;
var rows=table.length;
for (r=0;r<rows;r++) {
    var c;
    var cells = table[r].length;
    var rowText = "";
    for (c=0;c<cells;c++) {
        rowText += table[r][c];
        if (c < cells-1) {
            rowText += "  ";
        }
    }
    console.log(rowText);
}

結果:
Person Age City

Sue 22 San Francisco

Joe 45 Halifax

--------------------------------------------------------------------------------

break:

使用break立刻退出循環, 適用於for和while循環.