JavaScript語法學習2--運算符、流程控制語句

1. 運算符

Javascript中的運算符和Java大致相同。

只是運算過程中需要注意幾點:

1, var x = 3120/1000*1000; x = 3120;而不是3000

2, var x = 2.4+3.6 ; x = 6;而不是6.0

3, var x = “12” + 1; x = “121”; x = “12” – 1 ; x = 11;

加號對於字符串是連接符

4, &&  || 是邏輯運算符  & |是位運算符。

5, 也支持三元運算符

6, 特殊運算符 typeof : 返回一個操作表達式的數據類型的字符串。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
	</head>
	<body>
		<h2>JavaScript語言</h2>
		
		1. 算術運算符:+(正)、-(負)、++、--、+(加)、-(減)、*、/(除)、%(取餘) 
		<script type="text/javascript">
			var a = 2345;
			a += 10;
			//alert( a );//2355
			//alert("a="+ a/1000*1000); //2355  **js中沒有整型與浮點,只有number
			
			var a=2.3, b=1.7;
			//alert(a+b); //4
			
			//alert(12+1);  //13
			//alert("12"+1); //121
			//alert("12"-1); //11
			
			//在進行算術運算時,true值爲1, false值爲0
			//alert(true+1); //2  
			//alert(true-1); //0
			//alert(false+1); //1
			
			//alert(100%3); //1
			//alert(100%-3); //1
			//alert(-100%3); //-1
			
			var n=3,m;
			m=n++;
			//alert("n="+n+",m="+m);//4,3
		</script>
		
		<br/><br/>
		2.關係運算符:==、!=、>、<、>=、<= 
		<script type="text/javascript">
		  var x=3;
		  //alert(x>1); //true
		  //alert(x!=1); //true
		  //alert(x==1); //false
		  
		  //※※※注意一個坑: js中有非0的概念,當判斷變量是否爲某值時,若漏寫一個"="號且值不是0時,永遠是true!
		  if(x=-1){ //永遠爲true,,跟x原來的值無關
			  //alert("11111");
		  }
		  //外面很多公司強行要求寫判斷"=="的語句時,必須把數值寫在前面,以防該坑。
		  if(-1==x){
			 // alert("11111");
		  }
		</script>
		
		<br /><br />
		3.邏輯運算符:&(與)、|(或)、!(非)、∧(異或)、&&(條件與)、||(條件或) 
		<script type="text/javascript">
			var c = 5;
			//alert( c>2 && c<8); //true
			//alert( !(c>2) ); //false
			//alert( !c );//false
		</script>
		
		<br /><br />
		4.位運算符:~(非)、&(與)、|(或)、^(異或)、<<(左移位)、>>(右移位)、>>>(無符號右移位) 
		<script type="text/javascript">
			var c=6;
			//alert( c&3 ); //0110 & 0011 ==> 0010  2
		   // alert( c^123^123); // 6
		   // alert(c>>>1); //3  無符號右移(左邊補0)
		    //alert(-6>>>1); //2147483645  無符號右移(左邊補0)
			
			//alert(6>>1); //3  有符號右移(左邊補符號位)
			//alert(-6>>1); //-3  有符號右移(左邊補符號位)
			
		</script>
		
		<br /><br />
		5.賦值運算符:= 、+=、*=、/=等
		<script type="text/javascript">
			var x=3;
			x *=10;
			//alert(x);//30
		</script>
		
		<br /><br />
		6.條件運算符 
		<script type="text/javascript">
			//alert( x<25 ? 1 : 2);
		</script>
		
		<script type="text/javascript">
		</script>
		
	</body>
</html>

2.流程控制語句

1. 語句(Java語句格式相同)

1. 判斷結構(if語句)

     注:var x = 3;

   if(x==4)//可以進行比較運算。

   if(x=4)//可以進行賦值運算,而且可以同樣進行判斷。不報錯。

        因爲在Js0或者null就是false

0或者非null就是true(通常用1表示)。

所以if(x=4)結果是true

可以通過if(4==y)來解決該問題。因爲4=y不會進行判斷,而是會報錯。

2. 選擇結構(switch語句)

java不同的是:因爲弱類型,也可以對字符串進行選擇。

3. 循環結構(while語句,do…while語句,for語句)

注:不同的是,沒有了具體數據類型的限制,使用時要注意。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
	</head>
	<body>
		<h2>JavaScript語言中的流程控制語句</h2>
		1.if-else語句
		<script type="text/javascript">
			/*

			var x=10;
			//var str;
			if(x>5){
				str="yes";
			}else{
				str="no";
			}
			alert(str); //yes ,  str是全局變量
		
*/
		</script>
		
		<script type="text/javascript">
			/*

			//多選一
			var x=10;
			if(x>2){
				alert("222");
			}else if(x>3){
				alert("33333");
			}else if(x>5){
				alert("55555");
			}else{
				alert("0000000");
			}
		
*/
		</script>
		
		<br/><br/>
		2.switch-case語句
		<script type="text/javascript">
			/*
			var a=1.2;
			switch(a){//含break爲  多選一    js中表達式a可以爲任意類型,,而java中只能是:整型、char、jdk1.7後新增的String
				case 1:
				   alert("a");break;
				case 1.2:
				   alert("b");break;
				case 3.5:
				   alert("c");break;
				default:
				   alert("d");
			}
		
*/
		</script>
		
		<br/><br/>
		3.while循環
		
		<script type="text/javascript">
			var i=1;
			document.write("<font color='red' size=5>");
			while(i<=10){
				document.write("i="+i+"<br/>");
				i++;
			}
			document.write("</font>");
		
		</script>
		<br/><br/>
		
		4.do-while循環<br/>
		<script type="text/javascript">
			document.write("<font color='green' size=5>");
			
			var i=1;
			do{
				document.write("i="+i+"<br/>");
				i++;
			}while(i<=10);
			
			document.write("</font>");
		</script>
		
		<br/><br/>
		5.for循環<br/>
		<script type="text/javascript">
			document.write("<font color='blue' size=5>");
			for(var i=1; i<11; i++ ){
				if(i%2==0){
					continue;
				}
				document.write("i="+i+"<br/>");
			}
			document.write("</font>");
		</script>
		
		<script type="text/javascript">
		</script>
		
	</body>
</html>

打印一個99乘法表

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
		<style type="text/css">
			td.t1{
				color: red;
				font-weight: 900;
				font-family: 華文彩雲;
			}
		</style>
	</head>
	
	<body>
		<script type="text/javascript">
			document.write("<table>");
			for(var i=1;i<=9;i++){
				document.write("<tr>");
				for(var j=1;j<=i;j++){
					if(j==1||j==i||i==9){
						document.write("<td class='t1'>");
					}else{
						document.write("<td>");
					}
					document.write(j+"*"+i+"="+i*j);
					document.write("</td>");
				}
				document.write("</tr>");
			}
			document.write("</table>");
		</script>
	</body>
</html>



發佈了102 篇原創文章 · 獲贊 89 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章