iT邦幫忙

2022 iThome 鐵人賽

DAY 22
0
自我挑戰組

30天JavaScript自學挑戰系列 第 22

Day 22 For Loop

  • 分享至 

  • xImage
  •  

Loop是控制結構的一種,也是程式語言的基礎,因為它們基本上能讓任務自動化重複。

For loop語句的撰寫方式為for加上括號,括號中有三個部分,這三個部分以分號區隔開來:

第一個部分是初始值,在下述的例子中,我們先創造一個變數,變數名為i(也可以是其他名字),並賦予它初始值,假設我們想讓初始值從1開始,這邊我們使用的是let而不是const,因為這個值會隨著loop不斷地改變(第三部分)。

第二部分是loop每次迭代之前(也就是在每次執行loop中的程式碼之前)所要評估的邏輯條件,邏輯條件為true就會繼續執行程式碼,當邏輯條件為false時,loop就會停止,不再執行任何程式碼,在這部分,剛剛提到初始值從1開始,而我們想要數到10為止,因此i要小於等於10。

第三部分則是會讓初始值在每次loop之後改變,以下述例子來說,i++即為i = i + 1,也就是說每次loop後初始值會+1。

// Count sheep (from 1 to 10)
for(let i = 1; i <= 10; i++) {
    console.log(`${i} sheep`);
}

如此一來我們就可以得到以下結果,這樣就數完10隻羊了:
1 sheep
2 sheep
3 sheep
4 sheep
5 sheep
6 sheep
7 sheep
8 sheep
9 sheep
10 sheep

可能有人會覺得可以用console.log的方式慢慢寫出1到10隻羊,感覺也不是太困難,但假設若要數100隻羊,那就很煩人也很浪費時間了,for loop可以讓我們避免一直撰寫重複的程式碼,是相當好用的。


上一篇
Day 21 物件方法(Object Method)
下一篇
Day 23 DOM(Document Object Model)
系列文
30天JavaScript自學挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言