JavaScript for和while循环

JavaScript for循环

我们经常需要重复执行一些操作。例如，我们需要将列表中的商品逐个输出，或者运行相同的代码将数字 1 到 10 逐个输出。循环 是一种重复运行同一代码的方法。

for 循环是最常使用的循环形式。for 循环语法如下：

for (begin; condition; step) {
  // ……循环体……
}

begin表示参与循环变量的起始值，condition表示循环条件，step表示每次循环对起始变量进行操作。下面示例实现控制台输出1到10十个数字。

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

上面的示例变量i起始值为1，当变量i小于等于10时输出变量i，每次输出后对变量执行i++操作。

省略语句段

for 循环的任何语句段都可以被省略。比如我们可以把begin字段提出到全局（虽然不是很提倡提出，因为会形成全局变量）

var i = 1;
for(; i <= 10; i++) {
    console.log(i);//效果和前面一样，控制台输出1到10
}

当然step字段也可以提到执行体

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

甚至我们可以省略所有字段，形成一个无限循环，不过无限循环可能会引起程序奔溃，需要谨慎使用。

for (;;) {
  // 无限循环
}

比较提倡的for循环写法是使用let关键字定义变量，这样不会产生全局污染。let关键字是ES6新增的，可以用来定义局部变量。

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

while循环

while循环比较简单，语法如下，当 condition 为真时，执行循环体的 code。

while (condition) {
  // 代码
  // 所谓的“循环体” 
}

下面使用while循环来实现控制台输出1到10十位数。

var i = 1;
while(i <= 10){
    console.log(i);
    i++; //这里同样要对i进行增加，否则循环不会跳出
}

do while循环

使用 do..while 语法可以将条件检查移至循环体下面，循环首先执行循环体，然后检查条件，当条件为真时，重复执行循环体。

do {
  // 循环体
} while (condition);

do...while循环至少会执行一遍。这种形式的语法很少使用，除非你希望不管条件是否为真。