JS第六讲--流程控制（下）循环

第二部分--循环

(一)知识导读

 

(二)for循环

在实际问题中,有许多具有规律性的重复操作,因此在程序中完成这类操作就需要重复执行某些语句

JS中,循环有三种主要的语句:

1. for循环

2. while循环

3. do-while循环

在程序中,一组被重复执行的语句称为循环体,能否继续重复执行,取决于循环的终止条件.由循环体和循环终止条件组成的语句,被称为循环语句.

for循环:(一般作为计数器使用)

for(var i=0;i<n;i++){
    循环体;
}

断点调试:在浏览器中进行调试.

按F12,在任务栏中选择Sources,然后打断点,重新刷新页面.

进入调试页面后,右侧有小图标,第三个是下一步.Watch是监视变量.

案例1:求1-100的累加和

var sum=0;
for(var i=0;i<100;i++){
    sum+=i;
}
console.log(sum);

案例2:要求输入班级人数,之后依次输入每个学生的成绩,最后打印出该班级的总成绩和平均成绩

var sum=0;
var num=prompt('请输入班级人数');
num=parseInt(num);
for(var i=1;i<=num;i++){
    var grade=prompt('请输入第'+i+'个学生的成绩');
    grade=parseInt(grade);
    sum+=grade;
}
var average=sum/num;
alert('总成绩为:'+sum+'. 平均成绩为:'+average);

每次prompt后,都要记得注意是否需要类型转化!!

案例3:一行打印5个*

必须用for循环.但是如果直接用,会默认输出到5行上,所以需要采用追加字符串的形式.

var str='';//先定义一个空字符串
for(var i=0;i<5;i++){
    str+='*';//每次向后面追加啊1个
}
alert(str);

(三)双重for循环

循环里面套循环,里面的循环看作外层循环的语句.

for(var i=0;i<n;i++){
    循环体1;
    for(var j=0;j<i;j++){
        循环体2;
    }
}

案例1:打印m*n的星星

var str='';//先定义一个空字符串
var m=propmt('请输入行数:'); m=parseInt(m);
var n=prompt('请输入列数:'); n=parseInt(n);
for(var i=0;i<m;i++){
    for(var j=0;j<n;j++){
        str+='*';
    }
    str+='\n';
}
alert(str);

案例2:九九乘法表

for(var i=1;i<=9;i++){
    var str='';
    for(var j=1;j<=i;j++){
        var sum=i*j;
        str+=(j+'*'+i+'='+sum+'  ');
    }
    console.log(str);
}

for循环小结:

• for循环可以重复执行某些相同代码

• 由于计数器的存在,for循环也可以重复执行某些不同代码

• for循环可以重复执行某些操作

• 双重for循环能做出更多的效果

• 双重for循环,外层执行一次,内层全部执行

• for循环是循环条件和数字直接相关的循环

(四)while循环

while循环也可以在条件表达式为真的前提下,循环执行一段指定代码,直到表达式不为真时结束循环

while(条件表达式){
    循环体;
}

注意不要写成死循环,否则电脑会死机.

(五)do-while循环

do-while循环语句实际上时while的一个变体,该循环会先执行一次代码块,然后对条件表达式进行判断,如果条件为真,就会重复执行循环体,否则退出循环.

do{
    循环体
}while(条件表达式)

JS的do-while最后可以不加分号!!!

(六)循环小结

1. 循环有:for,while,do-while

2. 三个循环多数情况下都能相互替代使用

3. 如果是用来计数的,一般用for

4. while和do-while可以做更复杂的判断,比for更灵活

5. while和do-while执行顺序不一样,while先判断后执行,do-while先执行后判断

6. 实际工作中,for循环最常用

(七)continue和break

1. continue

   continue;

   用于立即跳出本次循环,执行下一次循环.

2. break

   break;

   立即跳出整个循环(循环结束).

(八)命名规范及语法格式

1. 标识符命名规范:

   • 变量,函数的命名必须有意义

   • 变量的名称一般用名词

   • 函数的名称一般用动词

2. 操作符规范

   操作符的左右两侧各保留一个空格,如:

   i == 3;
   var i = 1;

3. 单行注释规范:

   先在要注释的内容后面打一个空格再输入内容.

   break; //注释

4. 其他规范:

   略.