Pages

系列文章

2020/03/09

【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 一般用於先執行再做檢查的行為(意思就是平常其實不常會用到)

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

沒有留言:

張貼留言