JS程序结构--循环结构

循环结构特点：循环条件和循环操作
常用循环结构：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在不知道循环次数的时候用的较多