---
# System prepended metadata

title: '[JavaScript] for迴圈'
tags: [JavaScript]

---

# [JavaScript] for迴圈

 ###### tags: `JavaScript`


for迴圈含有變數var宣告，此處是用來設定數字的初始值、範圍、公式，
![](https://i.imgur.com/ZXUNuHT.png)


#### for迴圈＋陣列
![](https://i.imgur.com/5Twf3y3.png)
* 迴圈時常與陣列同時使用，當我們要抓出多筆資料時，便可使用length得出農場數目，再寫入for迴圈便會逐步顯示出每個農場的特定項目，是常使用到的語法之一。

#### for迴圈+if判斷+陣列
![](https://i.imgur.com/P3DD4Lx.png)

目的是要知道哪些農場超過一百隻雞
* 第一步：農場的資料陣列寫入
* 第二步：迴圈的前置作業(產出運算數字)，農場數目透過length得知，var宣告的變數再寫入裡做數字運算公式
* 第三步：在for迴圈內寫入if判斷式，並經由產出窗口得出結果

注意事項
* 將農場數目數字化，需要產生一個var變數，以帶入下階段公式
* 在for迴圈放入if宣告條件
* if宣告中直接產出結果
* [i]的帶入需要練習，邏輯的精髓
* 直接使用farms[i].chick來呼叫指定的項目的數字


### for加總
### ![](https://i.imgur.com/yb4ONvT.png)

* 基礎運算
i+=1 ：(i=i+1)
i++ ：(i+1)

* bananaTotal=0 先宣告變數此數目為0
* 要加總陣列的香蕉總數，可使用+=的方式


### Break用法
### ![](https://i.imgur.com/NDGeMIN.png)

* 滿足特定條件後即可停止不用全部撈取，可使用break語法
* 如沒有加break，會顯示出迴圈全數的結果
* 上圖，有滿足大於50隻的條件便停止

### 
### 物件數字的加總

![](https://i.imgur.com/wmpyNRh.png)

* -= 50的語法式表示 x=x-50
* 將原物件裡的數字做運算(減掉50)得出的結果會變原數值-50
* 觀念：數字可做加總，ex.每個農場都減去50隻雞

