Latest web development tutorials
×

JavaScript 教程

JavaScript 教程 JavaScript 簡介 JavaScript 用法 JavaScript 輸出 JavaScript 語法 JavaScript 語句 JavaScript 註釋 JavaScript 變量 JavaScript 數據類型 JavaScript 對象 JavaScript 函數 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 運算符 JavaScript 比較 JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 類型轉換 JavaScript 正則表達式 JavaScript 錯誤 JavaScript 調試 JavaScript 變量提升 JavaScript 嚴格模式 JavaScript 使用誤區 JavaScript 表單驗證 JavaScript 保留關鍵字 JavaScript JSON JavaScript void JavaScript 代碼規範

JS 函數

JavaScript 函數定義 JavaScript 函數參數 JavaScript 函數調用 JavaScript 閉包

JS HTML DOM

DOM 簡介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素

JS 高級教程

JavaScript 對象 JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp 對象

JS 瀏覽器 BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 彈窗 JavaScript 計時事件 JavaScript Cookies

JS 庫

JavaScript 庫 JavaScript 測試 jQuery JavaScript 測試 Prototype

JS 實例

JavaScript 實例 JavaScript 對象實例 JavaScript 瀏覽器對象實例 JavaScript HTML DOM 實例 JavaScript 總結

JS 參考手冊

JavaScript 對象 HTML DOM 對象

JavaScript for 循環

循環可以將代碼塊執行指定的次數。


JavaScript 循環

如果您希望一遍又一遍地運行相同的代碼,並且每次的值都不同,那麼使用循環是很方便的。

我們可以這樣輸出數組的值:

一般寫法:

document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");

使用for循環

for (var i=0;i<cars.length;i++)
{
    document.write(cars[i] + "<br>");
}

嘗試一下»


不同類型的循環

JavaScript 支持不同類型的循環:

  • for -循環代碼塊一定的次數
  • for/in -循環遍歷對象的屬性
  • while -當指定的條件為true時循環指定的代碼塊
  • do/while -同樣當指定的條件為true時循環指定的代碼塊

For 循環

for 循環是您在希望創建循環時常會用到的工具。

下面是for 循環的語法:

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

語句1 (代碼塊)開始前執行starts.

語句2定義運行循環(代碼塊)的條件

語句3在循環(代碼塊)已被執行之後執行

實例

for (var i=0; i<5; i++)
{
    x=x + "该数字为 " + i + "<br>";
}

嘗試一下»

從上面的例子中,您可以看到:

Statement 1 在循環開始之前設置變量(var i=0)。

Statement 2 定義循環運行的條件(i 必須小於5)。

Statement 3 在每次代碼塊已被執行後增加一個值(i++)。


語句1

通常我們會使用語句1 初始化循環中所用的變量(var i=0)。

語句1 是可選的,也就是說不使用語句1 也可以。

您可以在語句1 中初始化任意(或者多個)值:

實例:

for (var i=0,len=cars.length; i<len; i++)
{
document.write(cars[i] + "<br>");
}

嘗試一下»

同時您還可以省略語句1(比如在循環開始前已經設置了值時):

實例:

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

嘗試一下»


語句2

通常語句2 用於評估初始變量的條件。

語句2 同樣是可選的。

如果語句2 返回true,則循環再次開始,如果返回false,則循環將結束。

lamp 如果您省略了語句2,那麼必須在循環內提供break 。 否則循環就無法停下來。 這樣有可能令瀏覽器崩潰。 請在本教程稍後的章節閱讀有關break 的內容。


語句3

通常語句3 會增加初始變量的值。

語句3 也是可選的。

語句3 有多種用法。 增量可以是負數(i--),或者更大(i=i+15)。

語句3 也可以省略(比如當循環內部有相應的代碼時):

實例:

var i=0,len=cars.length;
for (; i<len; )
{
document.write(cars[i] + "<br>");
i++;
}

嘗試一下»


For/In 循環

JavaScript for/in 語句循環遍歷對象的屬性:

實例

var person={fname:"John",lname:"Doe",age:25};

for (x in person)
{
    txt=txt + person[x];
}

嘗試一下»

您將在有關JavaScript 對象的章節學到更多有關for / in 循環的知識。


While 循環

我們將在下一章為您講解while 循環和do/while 循環。