什么是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++;
}