JavaScript教程（二）JavaScript中的自增自减运算符和流程语句

一.自增自减运算符

1.自增运算符(一种算数运算符)
a++:表示的是a=a+1,先赋值后运算
++a:表示的是a=a+1,先运算后赋值
eg:

<script type="text/javascript">
var a=2; b=8;                                     //a=3--------->4
var sum=a++ + b++ + ++a + ++b;                    //b=9----------->10
alert(sum);                                       //sum=2+8+4+10=24
</script>

2.自减运算符
(a- -):表示的是a=a-1,先赋值后运算
( --a):表示的是a=a-1,先运算后赋值
eg:

<script type="text/javascript">
			var a=5; b=8; c=2;
			var sum=a-- + --c - a++ + ++b + c++ - --a + ++a;
			alert(sum);
//			a=4--->5--->4-----5
//			b=9
//			c=1--->2
//			sum=5+1-4+9+1-4+5=13
		</script>

二.JavaScript流程语句

1.顺序结构:顺序结构是JavaScript中最基本的结构,说白了就是按照从上到 下、从左到右的顺序执行.
2.选择结构:
(1)单向选择语句结构:if(条件){语句体}
第一种写法:eg

if(true){                                                                                   //判断条件为真,执行花括号中的语句//
            alert('条件为真');
}

if(false){                                                                                 //条件为假时,执行if之后的程序//
           alert('条件为假');
		}

当条件为假时if之后的语句仍然执行

if(false){                                                                                 //条件为假时,执行if之后的程序//
           alert('条件为假');
		}
document.write('条件为假时,执行if之后的程序');	

第二种写法:前提条件,语句体重是单一的.
eg:

 if(3>0);
document.write('条件为真');
document.write('条件为假');

注:根据语法规则添加花括号是必须的
(2)双向选择语句结构:if(条件){执行体}else{执行体}
eg:

var num1=8,num2=4;
if(num1+num2>20){
	document.write('条件成立');
}else{
	document.write('条件不成立');
}/*输出结果条件不成立*/

(3)多项选择语句结构:
格式:

if(条件1){
		语句1
}else if(条件2){
		语句2
}else if(条件3){
		语句3
}else{
		当以上条件都不满足时,则执行的语句体
	}

eg:

//根据用户输入的成绩的等级A,B,C,D来查询成绩等级所属的范围
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('60-80之间');
}else if(mess=='D'){
	document.write('0-60之间');
}else{
	document.write('没有你输入的等级');
}

(4)选择语句if的嵌套

var x=5,y=8;
if(x<5){
	if(y>5){
		document.write('y>5');
	}else{
		document.write('y<5');
	}
}else{
	if(y==10){
		document.write('y==10');
	}else{
		document.write('y!=10 && x>5');
	}
}

(5)switch语句结构:，switch语句也是选择结构中很常用的语句. switch语句用于将一个表达式同多个值进行比较,并根据比较结果选择执行语句.

<script type="text/javascript">
	var num1=prompt('请输入成绩')
	switch (num1>0){
		case num1>=60 && num1<70:
			document.write('成绩一般');
			break;  //当条件满足时,添加break退出整个选择语句,不会在执行之后的程序
		case num1>=70 && num1<80:
			document.write('成绩良好');
			break;
		case num1>=80 && num1<=100:
			document.write('成绩优秀');
			break;
		case  num1<60:
			document.write('成绩不及格');
			break;	
		default:   // 当以上条件都不满足时,执行的语句体;可有可无,但是写它是规范.
			document.write('成绩不在范围内');
			break;
	}
</script>

3.循环结构:
(1)white循环:
结构:

while (逻辑条件){                      //小括号中写逻辑条件,这个条件作为最终退出循环的条件		
			循环体	
			}

eg:输出1-100之间的偶数
第一种方法:

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

第二种方法:

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

(2)do…white循环:条件不成立时,都会执行一次循环体.
结构:

do{
	循环体
	}while(最终退出循环的条件)

对于do…while循环,首先程序执行的是循环体中代码块,其次才判断while的条件
eg:

var num1=5;
do{
	num1++;
	if(num1==10){
		break;
	}
	document.write(num1);
}while(num1>10)  //条件不成立 都会执行一次循环体