JavaScript的邏輯運算子

目錄 : 網頁設計學習課程參考

JavaScript的邏輯運算子主要是用於組成條件判斷式, 產生布林值true或false. 在隨後的介紹中, JavaScript邏輯運算子及條件判斷式將被用於迴圈(loops)與if 語法中.

JavaScript邏輯運算子如下所列:

運算子	說明	範例
==	等於	a==b
===	等於且同形態	a===b
!=	不等於	a!=b
!==	不等於或不同形態	a!==b
<	小於	a < b
<=	小於等於	a <= b
>	大於	a > b
>=	大於等於	a >= b
!	Not; 非	!(a >= b)
&&	And; 且	(a >= b) && (c == 5)
||	Or; 或	(a >= b) || (c==5)

範例

在本例中, 我們令a=5, b=3, c="5". 請注意a為數字的5, 而c為文字的5. 另外我們令f=(a > b). JavaScript可把條件式(a > b)的真假值存至f中.

程式碼

<script type="application/javascript">
var a = 5, b = 3;
var c = "5";
var f = (a > b);
document.write("a=5,b=3,c='5', f=(a > b)<br />");
document.write("f : " + f + "<br />");
document.write("(a > b) && (a < 10) : " + ((a > b) && (a < 10)) +"<br />");
document.write("!(a > b) : " + !(a > b) + "<br />");
document.write("a == b :" + (a==b) + "<br />");
document.write("a == c : " + (a ==c)+ "<br />");
document.write("a === c : " + (a ===c)+ "<br />");
document.write("a === 5:" + (a ===5) + "<br />");
document.write("a != b : " + (a != b) + "<br />");
document.write(" a != c : " + (a != c) + "<br />");
document.write(" a !== c : " + (a !== c) + "<br />");
</script>

執行結果為

請注意上述結果中可發現JavaScript執行 5 == "5"會產生true, 雖左右資料型態不同亦視兩者為相等. 但如改執行 5 === "5" 則會因左右資料型態不同而產生false.

同樣的情形JavaScript執行 5 != "5"會產生false而執行 5 !== "5"會產生true.

PS: 版權所有,侵犯著作權必告.