【JS】重零學習- Day11-迴圈

迴圈是什麼?

循環repeat loop

前言: 新手寫迴圈~

陣列有幾個 我們當然知道要用 length這方法

var arrays = [0,1,2,3,4,5,6,7,8];
console.log(arrays.length); 

那我要如何計算這個arrays的總數呢?

你該不會說,挖災~就用下面這個方法...

arrays[0]+arrays[1]+arrays[2]+arrays[3]+....

我相信三個四個,大家還不會有意見;

如果是100個呢?

我相信如果你是照上面這樣寫,你同事一定會把你殺了....XD

於是呢,就有迴圈這個方法~

迴圈

顧名思義就是跑跑跑...什麼時候該停,就由你來控制

範例一

for(var i= 0;i<3;i++){
 console.log(i);
}

output出來結果為:

範例二

for(var i=10;i>=3;i--){
 console.log(i);
}

當我的i 小於等於3停止動作,如果i大於等於3都會跑一次 i -1 一次。跑到i小於3為止。

現在我們來看陣列與迴圈的用法嚕

陣列與迴圈

如果我是會計,我每個月都要算每個人員工薪水表,那我要如何知道所有人薪水的總和然後彙報給老闆?

那我是不是要先整理所有人薪水

A月薪100,B月薪200,C月薪300....E 薪水500

於是我就要100+200+300....+500

100+200+300....+500 你可以把想成這樣一個陣列 

[100,200,300,400,500]

var salarys =[100,200,300,400,500];
var sum=0;
for(var i =0;i<salarys.length;i++){
  sum+=salarys[i];
}
console.log(sum);

上面的用法就是

我有幾個員工?

有五個 那我就要跑第一次迴圈 

第一次i為0 , i有沒<5 =>有,所以跑迴圈

sum = salarys[0] 也就是100,

第二次i變1 , i有沒<5 =>有,所以跑迴圈

sum 一開始為100 在加上200 = 300

第三次i變2 , i有沒<5 =>有,所以跑迴圈

sum 一開始為300 在加上300

第四次i變3 , i有沒<5 =>有,所以跑迴圈

sum 一開始為600 在加上400

第五次i變4 , i有沒<5 =>有,所以跑迴圈

sum 一開始為1000 在加上500

第六次,i變5 , i有沒<5 =>沒有,所以沒跑迴圈 

ending.....