==
等於 與 !=
不等於==
是用來比較是否相等,而一個等於=
是用來賦予指定值,不是用來比較的。
var myAge = 25
var broAge= 30;
var gigiAge=25;
console.log(myAge == broAge); //顯示結果為false
console.log(myAge == gigiAge); //顯示結果為true
console.log(myAge != broAge); //顯示結果為true
console.log(myAge != gigiAge); //顯示結果為false
var polite1 = 'Hello';
var polite2 = 'Hi';
console.log(polite1 == polite2 ); //顯示結果為false
console.log(polite1 != polite2 ); //顯示結果為true
===
與 不等於!==
在JS中如果用==
比較數字5
和字串"5"
,兩者雖然為不同資料型別,但顯示結果會為true
,這是因為在JS中的等於,遇到數字會自動將型別做轉型比較,所以如果希望能夠除了字面上的數字能夠比較,同時也要比較資料型別時,則可使用===
,如下:
另外在JS中 布林的true
會等於1
; false
會等於0
,但如果是希望能夠完全等於的話,則可使用===
來做比較:
反之,!=
與 !==
的概念同上,!==
為嚴謹模式得不等於,會連同資料型別一起做判斷:
>
、小於<
、大於等於>=
、小於等於<=
&&
(AND):所有條件皆成立,則結果為true
,若是有其中一項條件為false
,結果則會false
,如下: var withID1 = true ; //有帶證件1
var withID2 = true ; //有帶證件2
var alreadyAge18 = true ; //年齡有到達18歲
console.log(withID1 && withID2 && alreadyAge18);//三者皆為true,則結果為true
結果:true
將alreadyAge18
給為false
後,因&&
只要有一項條件為false
,結果就會是false
:
var withID1 = true ; //有帶證件1
var withID2 = true ; //有帶證件2
var alreadyAge18 = false ; //年齡未滿18歲
console.log(withID1 && withID2 && alreadyAge18);
//只要有一項為false,結果就會是false
結果:false
||
(OR) :只要有一項條件成立,則結果就為true
,全部條件都不成立,結果才為false
: var withID1 = true ; //有帶證件1
var withID2 = true ; //有帶證件2
var alreadyAge18 = false ; //年齡未滿18歲
console.log(withID1 || withID2 || alreadyAge18);
//只要有一項成立(true),結果就會是true
結果:true
!
(NOT):如果原本結果為true
,將其條件前加上!
則結果會變成false
; 反之亦然。<body>
<h1>顧客:您好!我想要開立一個新戶頭。</h1>
<h1>銀行員:好的,請問您有滿18歲跟攜帶雙證件嗎?這三項都要符合才能申辦喔!</h1>
<h1>顧客:<span id='withall'></span></h1>
<h1>銀行員:咦,我剛剛收到公司公告,現在只需要符合其中一項條件就可以辦理開戶囉,請問你有符合嗎? </h1>
<h1>顧客:<span id='withone'></span></h1>
<h1>銀行員:好的!我立即幫您開立戶頭!</h1>
<script>
var withID1 = true; //有帶證件1
var withID2 = false; //沒有帶證件2
var alreadyAge18 = true; //年齡已滿18歲
document.getElementById('withall').textContent = (withID1 == true && withID2 == true && alreadyAge18 == true);
//回應銀行員第一次詢問,需要三項都符合才能夠開戶,結果為false
document.getElementById('withone').textContent = (withID1 == true || withID2 == true || alreadyAge18 == true);
//回應銀行員第二次詢問,只需要符合其中一項才即能夠開戶,結果為true
</script>
</body>
頁面顯示結果:
資料參考來源:Hex School、w3schools.com