简介

循环语句指的是在有限的条件内，反复不断执行的一些动作

一.for循环语句

格式：
for(起始条件;终止条件;步长值){
循环体;
}

  1. // 循环语句输出1-100
  2. for(var i=1; i<=100; i++){
  3.     document.write(i+"<br/>");
  4. }
  1. //循环语句输出1-100之间能被3整除的数
  2. for(var i=1; i<=100; i++){
  3.     if(i%3 == 0){
  4.         document.write(i+"<br/>");
  5.     }
  6. }
  1. // 求1-100之间所有数的平均值
  2. var sum = 0;
  3. var average = 0;
  4. for(var i =1; i<=100; i++){
  5.     sum += i;
  6. }
  7. average = sum/100;
  8. alert(average);
  1. //利用循环求1-100所有数字相加的和
  2. var sum = 0;//求和的变量
  3. for(var i =1; i<=100; i++){
  4.     sum = sum+i;
  5. }
  6. alert(sum);
  1. // 求1-100之间所有偶数和奇数的和
  2. var even = 0;
  3. var odd =0;
  4. for(var i=1; i<=100; i++){
  5.     if(i%2 == 0){
  6.         even += i;
  7.     }else{
  8.         odd += i;
  9.     }
  10. }
  11. // 偶数和
  12. alert(even);
  13. // 奇数和
  14. alert(odd);

for循环综合案例：

A 弹出输入框输入班级人数；
B 根据班级人数弹出成绩输入框个数；
C 分别输入考试成绩后算出总分；
D 最后根据总分求出平均成绩

  1. //求学生成绩
  2. var num = prompt('请输入班级总人数');
  3. var sum = 0;//求和变量
  4. var average = 0;//求平均成绩
  5. for(var i=1; i<=num; i++){
  6.     var score = prompt('请输入第'+ i +'个学生成绩');
  7.     sum += parseFloat(score);
  8. }
  9. average = sum/num;//平均成绩
  10. alert('总成绩是'+sum);
  11. alert('平均成绩是'+average);

二.for循环嵌套

格式：
for(初始化变量;条件表达式;操作表达式){
for(起始条件;终止条件;步长值){
循环体;
}
循环体;
}

  1. //for循环输出九九乘法表
  2. var str = '';
  3. for(var i=1; i<=9; i++){
  4.     for(var j=1; j<=i; j++){
  5.         str += j+'×'+i+'='+i*j+'\t';
  6.     }
  7.     str += '<br/>';
  8. }
  9. document.write(str);
  1. // for循环嵌套输出五行五列星星
  2. var str = '';
  3. for(var i=1; i<=5; i++){
  4.     for(var j=1; j<=5; j++){
  5.         str += '*';
  6.     }
  7.     // 换行
  8.     str  = str +'<br/>';
  9. }
  10. document.write(str);
  1. //输出n行n列星星
  2. var rows = prompt('输入行数');
  3. var cols = prompt('输入列数');
  4. var str = '';
  5. for(var i=1; i<=rows; i++){
  6.     for(var j=1; j<=cols; j++){
  7.         str += '*';
  8.     }
  9.     str += '<br/>';
  10. }
  11. document.write(str);
  1. //输出倒三角形状星星
  2. var str = '';
  3. for(var i=1; i<=10; i++){
  4.     for(var j=i; j<=10; j++){
  5.         str += '*';
  6.     }
  7.     str += '<br/>';
  8. }
  9. document.write(str);

三.while语句和do while语句

while格式：
while(终止条件){
循环体;
步长值;
}

  1. // while语句
  2. var i = 0;
  3. while(i<5){
  4.     document.write(i);
  5.     i++;
  6. }

do while格式：
do{
循环体;
步长值;
}while(终止条件)

  1. // do while语句
  2. var i = 0;
  3. do{
  4.     document.write(i);
  5.     i++
  6. }while(i<5);

while和do while的区别：如果终止条件不成立，while不执行循环体，而do while则至少执行一次循环体

四.continue和break的区别

break：**跳出当前循环**

  1. // break
  2. for(var i = 0; i<=5; i++){
  3.     if(i == 3){
  4.         break;
  5.     }
  6.     document.write(i);
  7. };
  8. //当i=3时，break直接跳出当前循环，后面程序不再执行。所以输出结果为0，1，2

continue：不会执行continue下的代码，但是会继续执行循环

  1. // continue
  2. for(var i = 0; i<=5; i++){
  3.     if(i == 3){
  4.         continue;
  5.     }
  6.     document.write(i);
  7. }
  8. //当i=3时，continue会不执行当前循环，跳过去继续执行后面的循环程序，所以输出结果为0，1，2，4，5