在应用里面，我们经常需要重复的去做一些事件，这就是 Loop ，循环。比如用循环去处理一系列的数据，把一系列的数据使用循环的方式存储到数据库里等等。

while 和 for 就是常用的循环方法。我们先看一下 while 循环的使用方法 …

先使用一个 while ，然后在它后面的括号里设置一下判断的条件，如果这个条件一真是真的，就会去循环地执行在后面大括号里设置的代码。

例子

下面去写几行代码来试一下 while 循环。 比如我们想在控制台上输出1 - 10 这几个数字 …

先定义一个变量 … 再给它一个值 … var i = 0 ;

另起一行 … 输入 while…

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

}

在括号里设置一个循环的时候要判断的条件，这个条件就是 i 是不是小于 10 ，如果小于的话，就会执行大括号里的东西。在每次循环要做的事情里面，首先，我们让 i 去加上 1 … 然后在控制台上输出本次循环的时候，小 i 的值 …

浏览器在解释这段代码的时候，首先看到小 i 的值是 0 ，然后去判断在 while 后面的括号里设置的这个条件 … 小 i 是不是小于数字 10 。 0 小于10，所以，会去执行后面的代码块 …

第一件事就是让小 i 加上数字 1 ，这个 ++ 就相当于是 i = i + 1 … 0 加上 1是1， 在控制台上输出数字 1 … 这样这次循环就结束了 …

然后会再去判断一下 while 后面的条件 … 第二次循环的时候，小 i 的值就会变成 1 了 … 因为在上一次循环里面，我们让小 i 的值加上了数字 1 … 1 还是小于数字 10 … 所以要继续去执行代码块里的东西 …

让小 i 再去加上 1 … 这样这次循环里面，小 i 的值就会是 2 … 然后在控制台上输出它的值 …

就这样浏览器会重复执行这个循环 … 一直到小 i 的值大于或者等于 10 为止 … 因为这样 while 判断的条件就会返回假值 … 所以循环也就会结束 …

要注意的是 … 在循环里一定得设置一个统计或者计数的东西，就像我们这个循环里，每次都让小 i 加上 1，并且再把这个值交给小 i … 然后在循环要判断的条件里面用到这个小 i 的值 …

在一定的情况下，会让这个判断的条件返回假值 … 这样才能结束这个循环 …

不然的话你设置的条件会一直是真的，就会造成循环无限次的去执行 …

例子

下面我们可以配合之前介绍的 if 语句，在循环的时候再去做一些判断 … 比如我们想要输出 1 到 10之间的奇数 .. 也就是1，3，5，7，9 这样的数字 …

要判断的条件可以是检查一下数字除以 2 的余数 … 一个偶数除以 2 的余数应该是 0 … 求一个数字的余数可以使用 % 这个操作符 …

var i = 0;
while (i < 10) {
i++;
if (i % 2 === 0) {
continue;
}
console.log(i);
}

这个 if 语句的意思就是，看看小 i 除以 2 的余数是不是等于 0，如果等于0，说明这个数字是一个偶数 … 这样就会 continue … 继续下一次循环 ..

如果不是偶数的话，会在控制台上输出这个数字 …

continue 在这里的的意思就是，跳过当前这次循环，进行下一次循环 …

保存 … 到浏览器上试一下 …

在控制台上，你会看到输出了从1到10之间的所有的奇数 … 在下一个视频里，我们再去看一下 JavaScript 里的另一种循环的方法 … for 循环 …