javaScript学习笔记之比较运算符||逻辑运算符||条件运算符(三目运算符)

比较运算符在逻辑语句中使用,以测定变量或值是否相等。

逻辑运算符用于测定变量或值之间的逻辑。

javaScript基于某些条件对变量进行赋值的条件运算符(三目运算符)

HTML:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>比较运算符</title>
</head>
<body>
	<p>测试</p>
	<p>点击按钮检测年龄。</p>
	年龄:<input  value="18" />
	<p>是否达到投票年龄?</p>
	<button onclick="myFunction()">点我测试</button>
	<p ></p>
	<script>
		function myFunction(){
			/* 比较运算符 */
			var x=5;
			//  == 等于  
			document.getElementById("demo").innerHTML=x==8;//false
			document.getElementById("demo").innerHTML=x==5;//true
			// === 绝对等于(值和类型均相等)
			document.getElementById("demo").innerHTML=x==="5";//false
			document.getElementById("demo").innerHTML=x===5;//true
			// !=  不等于
			document.getElementById("demo").innerHTML=x!=8;//true
			// !==  不绝对等于(值和类型有一个不相等,或两个都不相等)
			document.getElementById("demo").innerHTML=x!=="5";//true
			document.getElementById("demo").innerHTML=x!==5;//false
			// > 大于
			document.getElementById("demo").innerHTML=x>8;//false
			// < 小于
			document.getElementById("demo").innerHTML=x<8;//true
			// >= 大于或等于
			document.getElementById("demo").innerHTML=x>=8;//false
			// <= 小于或等于
			document.getElementById("demo").innerHTML=x<=8;//true
			
			/* 逻辑运算符 */
			// 给定 x=6 以及 y=3
			//  &&	                and	                (x < 10 && y > 1) 为 true
			//  ||	                 or	                 (x==5 || y==5) 为 false
			//  !	                 not	             !(x==y) 为 true
			
			/* 条件运算符(三目运算符) */
			
				var age,voteable;
				age=document.getElementById("age").value;
				voteable=(age<18)?"年龄太小":"年龄已达到";
				document.getElementById("demo").innerHTML=voteable;
		
		}
	</script>
</body>
</html>

运行结果: