循环结构

305 阅读3分钟

循环结构

一、while循环结构

语法:

while(条件语句){
    条件成立执行的代码
}   

while循环结构的具体流程:

while循环需要我们在循环外就将变量声明好,在执行代码的过程中,一定要让变量进行变化,否则这个循环就会无休止的进行下去。

不会停止的循环叫做死循环,程序一直不会停止,cpu占用率越来越高,很容易造成系统崩溃。所以我们在写代码的时候一定避免写成死循环。

例:利用while循环中的变量输出数字1~5

var i = 1;
while(while<=5){
     document.write(i);
    i++;
}

二、do while循环结构

do while 循环是while循环的变异体。循环流程相似,唯一不同的地方在于do while循环会先执行一次,不管条件是否成立,先执行一次,后面的流程和while循环一样。

三、for循环结构

语法:

for(声明变量并赋初始值;条件表达式;每重复一次后变量的变化规律){
    重复执行的代码块
}
# 在语法中的声明变量并赋初始值,就是从哪里开始重复;条件表达式可以限定重复在什么时候停止(当条件不成立的时候);通过每次重复变量的变化和条件表达式可以知道要重复多少次

例:输出10句“我爱你”

for(var i = 1;i <= 10; i++){
    document.write("我爱你");
}

循环执行过程分析:

首先i=1;然后进行条件判断i<=10;条件成立,所以运行了大括号中的代码

第一次执行 接下来i++;然后i=2;再进行条件判断i<=10;条件成立,所以又运行了大括号中的代码

第二次执行 i++;i=3;条件判断i<=10;条件成立,再次运行

第三次执行 i++;i=4;条件判断i<=10;条件成立,再次运行

第四次运行 。。。

var arr = [10,20,30,40,50];
var sum = 0;
for (var i in arr) {
    sum += arr[i];
}
alert(sum);

for循环中的初始值和变化可以不放在小括号中

var i = 1;
for(;i<=5;){
    document.write(i);
    i++;
}

执行流程是一样的,只是写法不一样。

在循环中,变量i的变化规律可以不是递增,也可以递减,也可以不是递增1。。。总而言之,变量i的变化规律可以自定义。

例:求出1~10之间所有单数的和。

var sum = 0;
for(var i = 1;i <= 10;i+=2){
    sum += i;
}
alert(sum); // 25

四、循环中的关键字

在循环有两个关键字可以改变循环执行的流程。

continue关键字,可以跳过当前这次的循环,直接进行下一次的循环。

for(var i = 1;i <= 5;i++){
	if(i == 3){
		continue; // 当i=3的时候,直接进行下一次的循环
	}
	document.write(i);
} 
// 最后结果是1245

break关键字,可终止循环,直接让整个循环结束运行。

for(var i = 1;i <= 5;i++){
	if(i == 3){
		break; // 当i=3的时候,直接结束整个循环的运行
	}
	document.write(i);
} 
// 最后结果是12