[Day07] JavaScript - 回圈_part 1

for回圈

我们一般会使用for回圈进行某些次数的回圈，(回圈次数确定时)

• 一个for回圈会不断重复，直到一个指定的条件式判断为false。

语法

for ([initialExpression]; [conditionExpression]; [incrementExpression]) {
  statement
}

中文翻译:

for (变数初始值; 条件判断式; 递增表达式) {
	 陈述式
} 

依MDN的原文翻译，这里的"递增表达式" 在字面上较容易引起误会，因为不只可以做递增也可以递减，只是我们比较常用的是递增。

以下是我们常见的写法，会得出结果1~10。

for (var i=1; i <= 10 ; i++ ) {
	console.log(i);
}

但要注意的是，这里的 i 使用var宣告，代表i可能会变成全域变数。

可以用以下两种方式，不让 i 变成全域变数:

1. 将此 for 回圈包在一个function函式里面:
   因为var是"函式作用域"，若在一个函式内使用 var 宣告变数，那这个变数就变成了一个区域变数。
   (参考第3篇:https://ithelp.ithome.com.tw/articles/10259899)

function myFunc(){
	for (var i=0; i <= 10 ; i++ ) {
		console.log(i);
	}
};

2. 改用let宣告:

   若将var改成用let宣告，这里的i 即变成了区域变数。

for (let i = 1; i <= 10 ; i++ ) {
	console.log(i);
}

while 回圈

相较於需要很确定重覆次数(重覆次数为可被计算的)的for回圈， while 用来进行某条件的回圈 (次数可能不固定)

• while回圈语句可以说是for回圈语句的简单版本，可以根据不同的使用情况选择要使用哪一种。它只需要一个判断情况(condition)的表达式即可，它的基本语法结构如下:

语法

while (condition)
statement

中文翻译:

let 变数初始值 ;

while (条件判断式 ) {
	 陈述式;
	 递增表达式;
} 

while 语句在条件式判断为true时，会不断执行它的陈述式。直到条件判断式为 false时，在回圈中的陈述式会停止执行，并跳出回圈。

• 接续上方使用for loop印出1~10，现在改成while的写法:

  var i = 1
  while (i <=10) {
      console.log(i);
      i++;
  }
  
  

待续...明天再继续介绍forEach & do...while

资料来源:
https://eyesofkids.gitbooks.io/javascript-start-from-es6/content/part3/loop.html
http://dic.vbird.tw/javascript/unit05.php