9-JavaScript 比较

1、JavaScript 比较 和 逻辑运算符

　　比较和逻辑运算符用于测试 true 或者 false。

2、比较运算符

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

给定 x=5，下面的表格解释了比较运算符：

运算符	描述	比较	返回值	实例
==	等于	x==8	false	<p>x=5, 返回 x==8 的比较值结果。</p> <button onclick="myFunction()">尝试一下</button> <p id="demo"></p> <script> function myFunction() { var x=5; document.getElementById("demo").innerHTML=x==8; } </script>
		x==5	true	function myFunction() { var x=5; document.getElementById("demo").innerHTML=x==5; }
===	绝对等于（值和类型均相等）	x==="5"	false	function myFunction() { var x=5; document.getElementById("demo").innerHTML=x==="5"; }
		x===5	true	function myFunction() { var x=5; document.getElementById("demo").innerHTML=x===5; }
!=	不等于	x!=8	true	function myFunction() { var x=5; document.getElementById("demo").innerHTML=x!=8; }
!==	不绝对等于（值和类型有一个不相等，或两个都不相等）	x!=="5"	true	function myFunction() { var x=5; document.getElementById("demo").innerHTML=x!=="5"; }
		x!==5	false	function myFunction() { var x=5; document.getElementById("demo").innerHTML=x!==5; }
>	大于	x>8	false	function myFunction() { var x=5; document.getElementById("demo").innerHTML=x>8; }
<	小于	x<8	true	function myFunction() { var x=5; document.getElementById("demo").innerHTML=x<8; }
>=	大于或等于	x>=8	false	function myFunction() { var x=5; document.getElementById("demo").innerHTML=x>=8; }
<=	小于或等于	x<=8	true	function myFunction() { var x=5; document.getElementById("demo").innerHTML=x<=8; }

3、如何使用

　　可以在条件语句中使用比较运算符对值进行比较，然后根据结果来采取行动：

　　if (age<18) x="Too young";

4、逻辑运算符

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

　　给定 x=6 以及 y=3，下表解释了逻辑运算符：

　　

运算符	描述	例子
&&	and	(x < 10 && y > 1) 为 true
||	or	(x==5 || y==5) 为 false
!	not	!(x==y) 为 true

5、条件运算符

　　JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。

　　语法：

　　variablename=(condition)?value1:value2 

　　实例：

　　如果变量 age 中的值小于 18，则向变量 voteable 赋值 "年龄太小"，否则赋值 "年龄已达到"。

　　<p>点击按钮检测年龄。</p>
　　年龄:<input id="age" value="18" />
　　<p>是否达到投票年龄?</p>
　　<button onclick="myFunction()">点击按钮</button>
　　<p id="demo"></p>
　　<script>
　　function myFunction()
　　{
　　　　var age,voteable;
　　　　age=document.getElementById("age").value;
　　　　voteable=(age<18)?"年龄太小":"年龄已达到";
　　　　document.getElementById("demo").innerHTML=voteable;
　　}
　　</script>

执行结果：

点击按钮检测年龄。

年龄:

是否达到投票年龄?

点击按钮

年龄已达到　　//结果1

点击按钮检测年龄。

年龄:

是否达到投票年龄?

点击按钮

年龄太小　　//结果2