循环结构特点:循环条件和循环操作
常用循环结构:for、for-in、while、do-while

for循环

for(初始部分;循环条件;条件迭代){
    //循环执行的语句
    }

简单for循环实例:
输出0-10

for(i=0;i<11;i++){
	document.write(i);
}

简单for循环0-100偶数和实例:
0-100偶数和

var sum=0;
for(i=0;i<101;i++){
	if(i%2==0){
		sum+=i;
	}
}
document.write(sum);

简单for循环数组实例:
循环输出数组

var names=['tom','anne','jerry'];
for(i=0;i< names.length;i++){
	document.write(names[i])
}

for-in循环

常用于对数组或对象的属性进行循环操作

for(变量 in 对象){
	//循环执行的语句
}

*数组是具有相同数据类型的一个或多个值的集合
var 数组名称 = ["张三","李四","王五"];

简单for-in循环实例:
for-in循环数组

var names=['tom','anne','jerry'];
for(i in names){
	document.write(names[i]);
}

while循环结构

//初始部分
while(循环条件){
	//循环操作
	//迭代部分
}

while100以内偶数和实例:

var sum=0;
var num=1;
while(num<=100){
	if(num%2==0){
		sum+=num;
	}
	num++;
}
document.write(sum);

do-while循环结构

do{
	循环操作
}while(循环条件);

特点:先执行,再判断
先判断在执行,至少执行一次
do-while100以内偶数和实例:

var sum=0;
var num=1;
do{
	if(num%2==0){
		sum+=num;
	}
	num++;
}while(num< 101);
	document.write(sum);

循环结构打印金字塔实例:

document.write('while与for两种方式打印金字塔');
 var i=91;
 while(i>0){
 	document.write("<hr width="+i+"%/>");
 	i=i-10;
 }
 for(j=1;j<100;j=j+10){
 	document.write("<hr width="+j+"%/>");
 }
document.write('do-while与for两种方式打印金字塔');
 var i=91;
 do{
 	document.write("<hr width="+i+"%/>");
 	i=i-10;
 }while(i>0);
 for(j=1;j<100;j=j+10){
 	document.write("<hr width="+j+"%/>");
 }

总结

for循环最简洁,应用高频,常用于循环次数固定的循环
while先判断条件再执行
do-while先执行再判断,至少执行一遍
while和do-while在不知道循环次数的时候用的较多


长风破浪会有时,直挂云帆济沧海。