【JQuery】《第七回》for / while / do while 簡介

本篇主要是介紹一下 迴圈類的指令
如果已經很熟悉的朋友可以跳過不用浪費時間在這裡囉
asd

操作前注意事項

1.此篇只為提供給沒接觸的朋友看的

for Loop


如下述範例 我們有個陣列內容為A~F
我們可以通過For Loop將所有陣列內容取出
減少輸入的程式碼行數

var Value = "";
var Data = ["A", "B", "C", "D", "E", "F"];
for (i = 0; i < Data.length; i++) {
  Value+= Data[i] + "＜br＞";
}

輸出結果如下圖

While Loop

如下述範例 我們有個陣列內容為A~F
我們一樣可以通過While Loop將所有陣列內容取出

var Value = "";
var i = 0;
var Data = ["A", "B", "C", "D", "E", "F"];
while (i < Data.length) {
  Value+= Data[i] + "＜br＞";
  i++;
}

輸出結果如下圖

Do While Loop

如下述範例 我們有個陣列內容為A~F
我們一樣可以通過Do While Loop將所有陣列內容取出

var Value = "";
var i = 0;
var Data = ["A", "B", "C", "D", "E", "F"];
do {
  Value+= Data[i] + "＜br＞";
  i++;
}while (i < Data.length);

輸出結果如下圖

乍看之下 While 跟 Do While 好像沒有什麼差
但是我們把判斷條件中的 條件改一下
將 判斷條件中的「 i 小於 Data[] 」 長度改為
「 i 大於 Data[] 」 長度 我們再來看看結果會有什麼差異

//while (i < Data.length);
while (i > Data.length);

變更 While Loop 判斷條件後的結果

變更 While Loop 判斷條件後的結果

我們可以發現條件變更後 While Loop 跟 DO While Loop
兩者的差別就出現了
While Loop 因為條件不會滿足所以從頭到尾都不會執行迴圈內的程式
而
DO While Loop 即便是條件沒有滿足卻仍然還是會執行一次

所以 DO While Loop 一般用於先執行再做檢查的行為(意思就是平常其實不常會用到)

今天介紹就到這邊 謝謝大家進來看廢話 我們下回在見