《JavaScript Dom編程藝術》讀書筆記（三）

xbynet 發布于2019-08-19 18:24 / 2193人閱讀

摘要：也就是說，仍將看到一條消息。這些語句執行完畢后，變量的值將是，盡管循環控制條件的求值結果是。循環最常見的用途之一是對某個數組里的全體元素進行遍歷處理。變量對于數組中每個元素都是從開始按遞增。

循環語句

if語句唯一的不足是無法完成重復性的操作。在if語句里，包含在花括號里的代碼塊只能執行一次。如果需要多次執行同一個代碼塊，就必須使用循環語句。

while循環

while循環與if語句非常相似，它們的語法幾乎完全一樣：

while (condition) {
    statements;
}

while循環與if語句唯一的區別是：只要給定條件的求值結果是true,包含在花括號里的代碼就將反復地執行下去。下面是一個while循環的例子：

var count = 1;
while (count < 11) {
    alert (count);
    count++;
}

上面這段代碼中，首先，創建數值變量count并賦值為1，然后，以count<11————意思是“只要變量count的值小于11，就重復執行這個循環”————為條件創建一個while循環。在while循環的內部，用“++”操作符對變量count的值執行加1操作，而這以操作將重復執行10次。

do...while循環

類似于if語句的情況，while循環的花括號部分所包含的語句有可能不被執行，因為對循環控制條件的求值發生在每次循環開始之前，所以如果循環控制條件的首次求值結果是false，那些代碼將以此也不會執行。

有時，我們希望那些包含在循環語句內部的代碼至少執行以此。這時，do循環是我們的最佳選擇。下面是do循環的語法：

do {
    statements;
}    while (condition);

與剛才的while循環有個顯而易見的區別：對循環控制條件的求值發生在每次循環結束之后。因此，即使循環控制條件的首次求值結果是false，包含在花括號里的語句也至少會被執行一次。

var count = 1;
do {
    alert (count);
    count++;
} while (count < 11);

這段代碼的執行結果與while循環完全一樣：alert消息將閃現10次；在循環結束后，變量count的值將是11.

看下面這個變體：

var count = 1;
do {
    alert (count);
    count++;
} while (count < 1)

在上面這個do循環里，循環控制條件的求值結果永遠不為true:變量count的初始值是1，所以它在這里永遠不會小于1。可是，因為do循環的循環控制條件出現在花括號部分之后，所以包含在這個do循環內部的代碼還是執行了一次。也就是說，仍將看到一條alert消息。這些語句執行完畢后，變量count的值將是2，盡管循環控制條件的求值結果是false。

for循環

用for循環來重復執行一些代碼也很方便，它類似于while循環。事實上，for循環只是while循環的一種變體。如果仔細觀察while循環的例子，就會發現它們都可以改寫為如下所示的樣子：

initialize;
while (condition) {
    statements;
    increment;
}

而for循環不過是進一步改寫為如下所示的緊湊形式而已：

for (initial condition; test condition; alter conidtion) {
    statements;
}

用for循環來重復執行一些代碼的好處是循環控制結構更加清晰。與循環有關的所有內容都包含在for語句的圓括號部分。

可以將do...while循環里的例子改寫為如下所示的for循環：

for (var count = 1; count < 11; count++ ) {
    alert (count);
}

與循環有關的所有內容都包含在for語句的圓括號里。當把一些代碼放在花括號中間的時候，清楚地知道哪些代碼將會被執行10次。

for循環最常見的用途之一是對某個數組里的全體元素進行遍歷處理。這往往需要用到數組的array.length屬性，這個屬性可以告訴我們在給定數組里的元素的個數。特別要注意的是數組下標是從0而不是1開始。

下面這個例子中，數組有4個元素。count變量對于數組中每個元素都是從0開始按1遞增。數到4時，測試條件失敗，循環終止，3是從數組中檢索到的最后一個下標。

var beatles = Array("John","Paul","George","Ringo");
for (var count = 0; count < beatles.length; count++ ) {
    alert(beatles[count]);
}

運行這段代碼，將看到4條alert消息，它們分別對應著Beatles樂隊的四位成員。

GPU云服務器云服務器 javascript dom 編程藝術 javascript dom編程藝術編程思想讀書筆記 javascript編程藝術

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79553.html

《JavaScript Dom編程藝術》讀書筆記（四）

摘要：事實上，每個函數實際是一個短小的腳本。先對函數做出定義再調用是一個良好的編程習慣。可以將不同的數據傳遞給它們，而它們將使用這些數據去完成預定的操作。傳遞給函數的數據稱為參數。這個例子中，變量的值將是，這個數值由函數返回。函數如果需要多次使用同一段代碼，可以把它們封裝成一個函數。函數就是一組允許在你的代碼里隨時調用的語句。事實上，每個函數實際是一個短小的腳本。先對函數做出定義再調用...

JellyBool 2019-08-19 18:24 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（二）

摘要：邏輯非操作符只能作用于單個邏輯操作數，其結果是把那個邏輯操作數所返回的布爾值取反。如果那個邏輯操作數所返回的布爾值是，邏輯非操作符將把它取反為為了避免產生歧義，上面這條語句把邏輯操作數放在了括號里，使邏輯非操作符作用于括號里的所有內容。算術操作符加減乘除這些算術操作中的每一種都必須借助于相應的操作符才能完成。操作符是JavaScript為完成各種操作而定義的一些符號。等號(=)、加...

caspar 2019-08-02 15:55 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（二）

摘要：邏輯非操作符只能作用于單個邏輯操作數，其結果是把那個邏輯操作數所返回的布爾值取反。如果那個邏輯操作數所返回的布爾值是，邏輯非操作符將把它取反為為了避免產生歧義，上面這條語句把邏輯操作數放在了括號里，使邏輯非操作符作用于括號里的所有內容。算術操作符加減乘除這些算術操作中的每一種都必須借助于相應的操作符才能完成。操作符是JavaScript為完成各種操作而定義的一些符號。等號(=)、加...

xingpingz 2019-08-30 13:04 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（二）

摘要：邏輯非操作符只能作用于單個邏輯操作數，其結果是把那個邏輯操作數所返回的布爾值取反。如果那個邏輯操作數所返回的布爾值是，邏輯非操作符將把它取反為為了避免產生歧義，上面這條語句把邏輯操作數放在了括號里，使邏輯非操作符作用于括號里的所有內容。算術操作符加減乘除這些算術操作中的每一種都必須借助于相應的操作符才能完成。操作符是JavaScript為完成各種操作而定義的一些符號。等號(=)、加...

Aceyclee 2019-08-19 18:23 評論0 收藏0
《JavaScript Dom編程藝術》讀書筆記（五）

摘要：可以創建一個函數并讓它返回一個數值一個字符串一個數組或一個布爾值。操作符可以告訴我們它的操作數是一個字符串數值函數布爾值還是對象，例如在瀏覽器中加載這個例子時，會彈出一個對話框，報告的類型它是一個對象。函數如果需要多次使用同一段代碼，可以把它們封裝成一個函數。函數就是一組允許在你的代碼里隨時調用的語句。事實上，每個函數實際是一個短小的腳本。先對函數做出定義再調用是一個良好的編程習...

levy9527 2019-08-19 18:24 評論0 收藏0