# [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隻雞