JavaScript语法学习2--运算符、流程控制语句

最新推荐文章于 2024-01-23 19:47:45 发布

程序小白_龙

最新推荐文章于 2024-01-23 19:47:45 发布

阅读量387

点赞数 1

分类专栏： ----JavaScript----------- 文章标签：流程控制 javascript 运算符

本文链接：https://blog.csdn.net/Dragon_Dai_2017/article/details/77614427

版权

----JavaScript----------- 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

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)//可以进行赋值运算，而且可以同样进行判断。不报错。

因为在Js中0或者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>