JS循环理解

什么是for循环：

For循环用在需要重复执行的某些代码，比如从1打印到100；或者寻找1到100中的偶数、奇数、质数、合数等等。

For循环语句的基本结构：

for( 初始化变量; 终止条件(条件表达式); 递增或递减;(for循环中最后执行的语句) ){ 循环体(一组重复执行的语句); }

我们来举个例子，比如打印10句你好：

1、我们先初始化变量为1

2、接着 i<=10;它的意思就是 当i这个变量小于或者等于10的时候，我们就停止打印，所以它也被称作for循环中的终止条件。

3、i++ 它的意思就是在终止条件后如果i<=10依然成立，那么在执行完循环体后i就自增1作为新的变量使用。

4、最后我们来分析一下循环体中的语句document.write();它的意思是在页面中打印括号中的内容。每循环一次i就被打印一次，每次i的值都是执行后自增1
输出效果：
image.png

在for循环中还有两个跳出循环的语句：break和continue示例如下

：
1、 break：终止循环让循环停止。

例子：
image.png

我们让它如果i等于5的时候停止循环，这时候看一下结果：
image.png

i打印到5的时候就停止了，并且不再执行下边的循环。

2、 continue：跳过本次循环，并不是停止循环。我们把break换成continu。

例子：

image.png

如果i等于5时写上continue，意思就是我们跳过i=5的循环，这时页面上就会打印除了5以外循环的i的值。
image.png

双重for循环

双for的概念：

循环嵌套是指在一个循环语句中再定义一个循环语句的语法结构，例如在for循环语句中，可以在嵌套一个for循环，这样的for循环语句我们称之为双重for循环。

双for的用法：

for（外循环的初始；外循环的条件；外循环的操作表达式）{for（内循环的初始；内循环的条件；内循环的操作表达式）{需要执行的代码；}}
1.内层循环可以看做外层循环的循环体语句
2.内层循环执行顺序也要遵循for循环的执行顺序
3.外层循环执行一次，内层循环要执行全部次数

for循环小结：

▪ for循环可以重复执行某些相同代码
▫ for循环可以重复执行些许不同的代码
▪ for循环可以重复执行某些操作，如算是运算符加法操作
▫ for循环是循环条件和数字直接相关的循环
▪ 双重for循环，外层循环一次，内层for循环全部执行

while循环

while语法：

while（条件表达式）{
//循环体代码
}
while 循环会一直循环代码块，只要指定的条件为 true。

在下面的例子中，循环中的代码将运行，一遍又一遍，只要变量（i）小于 10：
while (i < 10) {
text += "数字是 " + i;
i++;
}

do-while循环
do-while 循环是 while 循环的变体。在检查条件是否为真之前，这种循环会执行一次代码块，然后只要条件为真就会重复循环

do-while语法：

do{//循环代替码-条件表达式为true时重复执行循环体代码}while (条件);

下面的例子使用了 do/while 循环。该循环会执行至少一次，即使条件为 false，因为代码块会在条件测试之前执行：
do {
text += "The number is " + i;
i++;
}
while (i < 10);

结合上面笔记你会发现while 循环与 for 循环相当类似，其中的语句 1 和 语句 2 都可以省略。

本例中的循环使用 for 循环来提取 foods 数组中的食物名称：
var foods = [“orange”, “orange”, “orange”, “orange”];
var i = 0;
var text = “”;

for (;foods[i]😉{
text += foods[i] + “
”;
i++;
}

本例中的循环使用 while 循环来提取 foods 数组中的食物名称：
var foods = [“orange”, “orange”, “orange”, “orange”];
var i = 0;
var text = “”;

while (foods[i]) {
text += foods[i] + “
”;
i++;
}