js算数运算符、比较运算符、逻辑运算符

最新推荐文章于 2024-07-26 11:41:15 发布

小李同学a

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量107

点赞数 2

文章标签： javascript 前端

本文链接：https://blog.csdn.net/LYN_1217/article/details/125286652

版权

运算符

1.算数运算符
代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			//赋值运算符:=
			//算数运算符: + - * / %(取余) ++ -- -= +=....
			console.log(1+1);		//2
			console.log(2-1);		//1
			console.log(2*6.2);		//12.4
			console.log(8/3);		//2.666
			console.log(8%3);		//2
			console.log(0%3);		//0
			console.log(1%3);		//1
			console.log(2%3);		//2
			
			var a=3;
			a+=3;					//=>a=a+3
			console.log(a);			//6
			a/=2;					//=>a=a/2
			console.log(a);			//3
			
			//i++ ++i 单独使用没有区别；
			//如果被使用，就近原则
			var i=0;
			i++;
			console.log(i);			//1
			++i;
			console.log(i);			//2
			
			// 等价于2步
			// console.log(i);
			// i++;
			console.log(i++);		//2
			console.log(i);			//3
			
			// 等价于2步
			// i++;
			// console.log(i);
			console.log(++i);		//4
			
			// 等价于2步
			// var j=i
			// i++;
			var j=i++;
			console.log(j);			//4
			console.log(++j);		//5
			
			
			console.log(--j);		//4
			
			console.log(++i);		//6
		</script>
	</body>
</html>

运行结果：
在这里插入图片描述
2.比较运算符
代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<Script>
			//比较运算符:> >= < <= == != === !==
			
			console.log(2>2);		//false
			console.log(2>=2);		//true
			console.log(3<=2);		//false
			console.log(3<=3);		//true
			var a=3;
			console.log(a==3);		//true
			
			//==只比较内容
			console.log(a=="3");	//true
			console.log(a==="3");	//false
			
			//===同时比较类型和内容
			console.log(null==undefined);	//true
			console.log(null===undefined);	//false
			console.log(true==1);			//true
			console.log(false===0);			//false
			console.log(true==="aa");		//false
			console.log(true=="aa");		//false
			console.log(0==null);			//false
		</Script>
	</body>
</html>

运行结果：
在这里插入图片描述
3.逻辑运算符
代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			//逻辑运算符：&&  ||  !
			//逻辑运算符前后一定有关系表达式
			//关系表达式的结果一定是boolean类型
			//逻辑运算符前后一定有boolean类型
			
			//前后都为true结果为true，其他都为假
			console.log(true && false);			//false
			console.log(true && true);			//true
			console.log(true||false);			//true
			
			//前后都为false结果为false，其他都为真
			console.log(false||false);			//false
			
			//非真既假，非假既真
			console.log(!true);					//false
			console.log(!false);				//true
			console.log(!3);					//false
			//			flase		true	true
			console.log(!3*(2+1)>6%3||2-3<0&&3>2);
			console.log(true||true&&false);		//false
			
			//运算符计算顺序
			//算数运算符>比较运算符>!>&&>||>=
			
		</script>
	</body>
</html>