三大流程控制语句——循环结构

循环结构是程序中一种很重要的结构，其特点是在给定条件成立时，反复执行某程序段，直到条件不成立为止
【分类】
while循环
do…while循环
for循环

while循环

【格式】while(表达式){
                     循环语句;
               }
【注】
1.先判断表达式，表达式成立执行循环语句
2.循环条件中使用的变量(循环变量)需要经过初始化
3.循环体中应有结束循环的条件，否则会造成死循环
4.在循环体内，可以写若干合法的js代码，包括if，也可以再套个循环

//打印100以内7的倍数
var i = 1; 
while(i <= 100){ 
	if(i % 7 == 0){ 
		document.write(i + "<br />"); 
	} 
	i++; 
} 

//打印100以内的奇数
var i = 1; 
while(i <= 100){ 
	if(i % 2 !=0){ 
		document.write(i + "<br />"); 
	} 
	i++;
} 

//打印100以内所有偶数的和
var i = 1; 
var sum = 0; 
while(i <= 100){ 
	if(i % 2 == 0){ 
		sum += i; 
	}
	i++; 
}

/*
打印图形
**********
**********
**********
**********
*/
var i = 0; 
while(i < 40){ 
	if(i % 10 == 0){ 
		document.write("*"); 
	} 
	document.write(i); 
} 

do…while循环

【格式】do{
                     循环语句;
               }while(表达式);
【注】
1.最后的分号不要忘记
2.循环条件中使用的变量需要经过初始化
3.循环体中，应有结束循环的条件，否则会造成死循环

var i = 1; //用于累加的中间量
var sum = 0; //用于累加的和
do{ 
	sum += i; 
	i++; 
}while(i <= 100); 
alert(sum); //5050

while循环和do…while循环的区别
1.while循环是先判断表达式，然后再去执行循环语句
2.do…while循环先去执行一次循环语句，然后再去判断一次表达式

for循环

【格式】for(表达式1; 表达式2; 表达式3){
                     循环语句;
               }
【执行顺序】
1.先求解表达式1（只求一次）
2.求解表达式2，若其值为真（非0）则执行for语句中的循环语句，然后再去求解表达式3；若为假，则结束循环
【注】一般情况下，我们使用for循环较多

var sum = 0; 
for(var i = 1; i <= 100; i++){ 
	sum += i; 
} 
alert(sum); 

循环嵌套
【注】
1.一般情况下，循环中i从0开始
2.循环中变量，命名 i j k

/*打印靠左的三角形
*
**
***
****
*****
*/
for(var i = 0; i < 5; i++){ 
	//每一行打印几个星，对应行和打印的星是一致
	for(var j = 0; j <= i; j++){ 
		document.write("*"); 
	} 
	document.write("<br />"); 
} 

/*打印靠左的三角形
    *
   **
  ***
 ****
*****
*/
for(var i = 0; i < 5; i++){ 
	//每一行的空格，行数-当前行打印的星的个数
	for(var k = 0; k < 5 - i - 1; k++){ 
		document.write("&ensp;&ensp;"); 
	} 
	//每一行打印几个星，对应行和打印的星是一致
	for(var j = 0; j <= i; j++){ 
		document.write("*"); 
	} 
	document.write("<br />"); 
} 

break语句和continue语句

break语句
1.在switch语句中使流程跳出switch
2.在循环语句中使流程跳出当前的循环

for(var i = 0; i < 100; i++){ 
	if((i + 1) % 5 == 0){ 
		break; 
	} 
	document.write((i + 1) + "<br />"); 
} 

continue语句
【注】只能在循环语句中使用，使本次循环结束，即跳过循环体下面尚未执行的语句，接着进行下次是否执行循环的判断

for(var i = 0; i < 100; i++){ 
	if((i + 1) % 5 == 0){ 
		continue; 
	} 
	document.write((i + 1) + "<br />"); 
} 

break和continue的对比