js基础知识之_流程控制语句

javascript 流程控制

　　流程控制：就是程序代码执行顺序

　　流程控制：通过规定的语句让程序代码有条件的按照一定的方式执行

　　

顺序结构

　　按照书写顺序来执行，是程序中最基本的流程结构

选择结构（分支结构，条件结构）

　　根据给定的条件有选择的执行相应的语句

　　　　单路分支

　　　　　　条件可以是表达式也可以是任何的数据类型

　　　　　　大括号会把里面的代码当作一个整体运行，如果只有一条语句，可以省略大括号

　　　　　　if(条件)

　　　　　　{

　　　　　　　　条件成立执行的语句

　　　　　　}

　　　　双路分支

　　　　　　if（条件）{

　　　　　　　　条件成立的时候执行的代码

　　　　　　}else{

　　　　　　　　条件不成立的时候执行的代码

　　　　　　}

　　　　 

　　　　多分支例子

　　　　　　//多分支
　　　　　　var grade = prompt('请输入你的成绩：');

　　　　　　if (grade > 90) {
　　　　　　　　document.write('学神');
　　　　　　} else if (grade > 80) {
　　　　　　　　document.write('学霸');
　　　　　　} else if (grade > 70) {
　　　　　　　　document.write('学牛');
　　　　　　} else if (grade >= 60) {
　　　　　　　　document.write('学痞');
　　　　　　} else if (grade > 50) {
　　　　　　　　document.write('学渣渣');
　　　　　　} else {
　　　　　　　　document.write('首富坯子');
　　　　　　}

 

　　　　嵌套分支

　　　　　　if(){

　　　　　　　　if(){

　　　　　　　　　　}

　　　　　　}

 

　　　　

//prompt接收到的结果都是字符串形式的数据
var num = prompt('请重新输入');
//默认如果一个条件判断成立了，那么后面的都不在判断直接执行
switch (num) {
　　case '1':
　　　　document.write('苹果6');
　　　　break;
　　case '2':
　　　　document.write('6个苹果');
　　　　break;
　　case '3':
　　　　document.Write('法拉利');
　　　　break;
　　case '4':
　　　　document.write('拉法拉利');
　　　　break;
　　default:
　　　　document.write('请重新输入');
}

 

　　　　　

循环结构----

　　在给定的条件满足的情况下，反复的执行同一段代码

 

 

难点for循环

for循环语句结构

for(定义计数器;成立条件;计数器变化){
循环体语句

}

电脑运行会消耗内存资源

双层for循环

js隔行变色表格处理，，，，，，

注意在js字符串中不能用回车换行

　　隔行变色，调用样式，只是思维练习

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

<br><style type="text/css">        .hd{            color:white;            background:green;        }    </style>      <script type="text/javascript">            document.write('<table border="1">');        //i控制行        //j控制列        //提出行列的变量        var rows = prompt('请输入行数');//控制行        var clos = prompt('请输入列数');//控制列          for ( var i = 1; i <= rows; i++ ) {            //这时通过判断奇数，偶数就可以实现隔行变色            if ( i%2!=0 ) {                document.write( '<tr class="hd">' );            } else {                document.write( '<tr>' );            }                         for (var j = 1; j <= clos; j++) {                document.write('<td>'+i+'格子'+j+'</td>');            }                         document.write('</tr>');        }                     document.write('</table>');      </script>

　　

 

while循环     循环是先判断后执行

 do while 循环  　是先执行一次再判断

//while循环,不是固定套路
var age=18;
while ( age <= 50 ) {
document.write( age + '没经验！<br/>' );
age++;
}

 

break，continue;区别

　　continue//跳出本次循环，直接进入下次循环　

　　break//结束掉整个循环

 

continue

?

1 2 3 4 5 6 7 8 9 10

var age = 18;            while ( age <= 50 ) {                if ( age == 25 ) {                    age++;                    continue;//跳出本次循环，直接进入下次循环                  }                document.write( age + '没经验！<br/>' );                age++;            }

　

 

break//结束掉整个循环

?

1 2 3 4 5 6 7 8

var age=18;           while ( age <= 50 ) {               if ( age == 25 ) {                   break;//退出整个循环               }               document.write( age + '没经验！<br/>' );               age++;           }

　　

 do while 循环---先执行一次再判断

?

1 2 3 4 5 6

var age = 58;             do {                 document.write( age + '能领钱！<br/>' );                 age++;                           } while(age<=50);