js基礎之 流程控制語句

1、條件判斷語句

1.if語句

語法：if(條件表達式){執行語句}

說明：只有爲真時纔會執行這些if語句

/*var  box=50;
	if (box>10) alert('box大於10');
	if (box>20) {
		alert('box大於20');
		alert('我也會被執行');
	}
	if (box>30) 
		alert('box大於30');
	alert('我會被執行，由於我與上面的if語句無關。')*/
	var  box=50;
	if (box<10) alert('box大於10');
	if (box<20) {
		alert('box大於20');
		alert('我也會被執行');
	}
	if (box<30) 
		alert('box大於30');
	alert('上面的都沒有執行，只有我被執行了，由於上面的都不符合條件，而我與上面的if語句無關。')

2.if(條件表達式){執行語句}else{執行語句}

var box1=100;
	if (box1>101) {
		alert('box1大於101');
	} else {
		alert('box1不大於101');
	}

3.if(){}else if(){}........else{}

var box2=80;
	if (box2>90) {
		alert('優秀');
	} else if (box2>90) {
		alert('優秀');
	} else if (box2>60) {
		alert('及格');
	} else{
		alert('不及格')
	}

4.if(){ return}if(){ return}.......else{ return}

這個是用在函數內部的，在作表單驗證的時候能夠試驗一下。

2、switch語句

語法：var var=num;switch(var){case num1: 執行語句;break; case num2: 執行語句;break; ........ default: 執行語句}

說明：var變量是值，case num1是條件，:後面爲執行語句， break 用於防止語句的穿透（若是不跳出switch語句，會從匹配到的那一條語句開始逐條輸出）， default 至關於else不然的意思

3、循環語句

1.do{執行語句}while(條件)

是先運行後判斷的循環語句，即無論條件滿不知足都要執行一次循環體

var box3=10;
	do{
		console.log(box3);
		box3++;
	}while(box3<=5);//當box3=1時，執行了5次（輸出1到5）；當box3=10時，只輸出了一個10;

2.while(條件){執行語句}

先判斷後執行的循環語句，必須知足了條件才能執行循環體

var  box4=10;
	while(box4<=5){
		console.log(box4);
		box4++;
	}//當box4=1時，執行了5次（輸出1到5）;當box4=10時，沒有輸出任何值

3.for(定義變量,條件,循環){執行語句}

先判斷後執行的循環語句，可是具備執行循環以前初始化變量和定義循環後要執行代碼的能力

for (var i = 0; i <= 10; i++) {
		console.log(i);
	}
	alert(i);//11  
	for (var j = 0; j <= 10; ++j) {
		console.log(j);
	}
	alert(j);//11

4.for/in循環

用來遍歷對象的屬性，經常使用於普通對象及數組 

var person={fname:"john",lname:"tom",age:25};
	for( var x in person){
		console.log(x);
		//console.log(person.x);//好像記得對象調用屬性不能是變量，不過還好能夠隱性轉化爲數組吧？
		console.log(person[x]);//這個谷歌是兼容的，不知道ie的兼容性怎麼樣
	}
	var arr=['aa','bb','ccc','dd'];
	for (var y in arr){
		console.log(y);
		console.log(arr[y]);
	}

4、break和continue語句

用於在循環中精確地控制代碼的執行，其中break語句會當即退出循環，強制繼續執行循環體後面的語句，而continue語句會退出當前循環，繼續執行後面的循環

for(var box=0;box < 5;box ++){
		if(box==3) break;//若是box是3，退出循環
		document.write(box+'<br>');//0 1 2
	}
	for(var box=0;box < 10;box++){
		if(box==5) continue;
		document.write(box+'<br>');//0 1 2 3 4 6 7 8 9
	}

5、with語句

var person={fname:"john",lname:"tom",age:25};
	with(person){//with(person)能夠把person省略掉 
		var n=fname;//這裏的fname至關於 person.fname
		var m=lname;
		var a=age;
	}
	alert(n+','+m+'.'+a);//john,tom.25