JS的流程控制语句

一.JS算术运算符补充:

自增运算符(i++):“++”是自增运算符，它指的是在原来值的基础上加1，i++表示“i=i+1”。该运算符有2种情况：i++  和  ++i
自减运算符(i--):“--”是自减运算符，它指的是在原来值的基础上减1，i-- 表示“i=i-1”。该运算符同样有2种情况:i--  和  --i

(1) 自增运算符:i++(表示先赋值后运算)    ++i(表示先运算后赋值)

eg:        var i=2;
             sum=i++;   
             alert(i);---------i结果为3
             alert(sum);----------sum结果为2

(思路:因为sum=i++   为先赋值后运算,所以先给sum赋值,得出sum结果为2;然后再运算,得出i=3)

sum=++i;

alert(i);---------i结果为3

alert(sum);----------sum结果为3

(2)自减运算符:i--        --i(算法同自增)

eg: var a=3;

        sum=i--;   
        alert(i);---------i结果为2
        alert(sum);----------sum结果为3

       sum=--i;

      alert(i);---------i结果为4
      alert(sum);----------sum结果为4

eg:      var a1=3,b1=5;

            var sum=a1++ + b1++ + --a1 + a1*b1;
            alert(sum);--------结果为29

思路:
            a1=4---3
            b1=6
            sum=3+5+3+18=29

二.JS流程语句(顺序结构,选择结构,循环结构):

1.顺序结构:顺序结构是JavaScript中最基本的结构，按照从上到下、从左到右的顺序执行

2.选择结构:选择结构是按照给定的逻辑条件来决定执行的顺序，有单向选择、双向选择和多向选择之分，但是程序在执行都只是执行其中的一条分支。

(1)单项选择结构:if(条件){语句体};

<script type="text/javascript">
			var score=65;
			if(score>60){
				alert('恭喜你,考试及格');
			}
		</script>

(2)双向选择结构:if....else语句

<script type="text/javascript">
 var score=90;
        if (score>80) {
        	alert('成绩优异');
        } else{

        	alert('成绩良好')
        }
</script>

(3)多项选择语句:if(条件){语句1} else if(条件2){语句2}.....else{当以上语句都不满足时,执行的语句体}

 

​
<script type="text/javascript">
			var mess=prompt('请输入成绩等级','A');
			if(mess=='A'){
				document.write('90-100');
			}else if(mess=='B'){
				document.write('80-90');
			}else if(mess=='C'){
				document.write('70-80');
			}else if(mess=='D'){
				document.write('60-70');
			}else if(mess=='E'){
				document.write('50-60');
				
			}else{
				alert('你查询的成绩不在范围内')
			}
			
</script>
​

(4)选择语句嵌套:

<script type="text/javascript">
 var a=3, b=4;
            if(a<5)
            {
            	if(b==5){
            		alert('a<5 && b==5');
            	}
            	else{
            		alert('a<5 && b!=5');
            	}
            }
            else if(a>5)
            {
            	if(b==5){
            		alert('a>5 && b==5');
            	}
            }
            else{
            	alert('a>5 && b!=5');
            }
		</script>

 

(5) switch选择语句:default为以上条件都不满足时执行的语句块,相当于条件语句中的 else,该程序的最终结果为('查询成绩不在范围内')

<script type="text/javascript">
			var num1=0;
			switch (num1){
				case 60:
				  document.write('成绩为60分');
				break;
				case 70:
				  document.write('成绩为70分');
				break;
				case 80:
				  document.write('成绩为80分');
				default:
				  document.write('查询成绩不在范围内');
				break;
			}
</script>

 

(3)循环结构:即根据代码的逻辑条件来判断是否重复执行某一段程序。若逻辑条件为true，则进入循环重复执行；若逻辑条件为false，则退出循环

循环结构语句主要包括3种：
（1）while循环:while(逻辑条件)

案例:输出5-10之间的数字

<script type="text/javascript">
			var num1=5;
			while(num1<10){
				num1++;
				if(num1==10){
					break;
				}
				document.write(num1);
			}
</script>

输出0-100之间的偶数:

第一种方法:

<script type="text/javascript">
        var num=0;
	    while (num<=99){
		num+=2;
	    if(num%2==0){
        document.write(num+'<br/>');
	}
}
</script>

第二种写法: 

<script type="text/javascript">
            var num= 0;
			while(num<=99) {
				num += 2;
				document.write(num + '<br />');
			}
</script>

（2）do……while循环

<script type="text/javascript">
          var num1=5;
          do{
          	num1++;
          	if(num1==10){
          		break;
          	}
          	document.write(num1);
          }while (num1>10)
</script>

  (3)for循环