JavaScript 兩個等號與三個等號有什麼不同
過去學過 Java、C 與 Python 都沒遇過這問題,沒想到在學習 JavaScript 時會遇到三等號與雙等號的問題,滿新奇的!
等於的比較運算子
JavaScript 有三種「等號」的運算子,分別是:
- 一個等號
=
:賦值運算子,把右方的值賦予左方 - 兩個等號
==
:比較運算子,檢查左右方的值是否相等 - 三個等號
===
:比較運算子,檢查左右方的型別與值是否都相等
寬鬆相等與嚴格相等的差異在於檢查值相等時,是否會做「強制轉型」,==
會做強制轉型,而 ===
不會。
實際應用上建議一律使用嚴格比較,在開發時也比較不會出錯。
比較運算子範例
199 == '99'; // true 2
回傳 true,因為 JavaScript 在做 ==
的比較運算時,會自動先把右邊的 String 型別轉換成「數值」,再將兩邊的值拿來比較,因此兩邊的值一樣就會回傳 true。
📌 這邊有個記憶重點,就是寬鬆相等只會強制轉型等號的其中一邊,而且通常是把非數值的型別轉換成數值。
舉例來說,比較字串與數值時,會把字串轉成數值。
那如果兩邊都不是數值,像是比較布林值與字串的話呢?答案是會把布林值轉成數值,這個部分待會就會提到。
嚴謹比較運算子範例
199 === '99'; // false 2
回傳 false,因為 ===
除了比較兩邊的值是否相同之外,也會比較兩者型態是否相同。
範例當中,左邊是數字,而右邊是字串,所以會判定為不相等。
陷阱題:寬鬆比較布林值與其它型別的值
寬鬆相等沒辦法用來判斷真假值 (true or false),因為它會將「布林值」轉換成「數值」去做比較。
當寬鬆比較遇到布林值時,首先一樣是只會強制轉型其中一邊,但是布林值的轉換優先程度是最高的。
1let a = true; 2console.log(a == true); // true == true,得到 true 3console.log(a === true); // true === true,得到 true 4console.log(a === 'true'); // true === 'true',得到 false 5console.log(a == 'true'); // true == 'true',得到 false !? 6
第四個 a == "true"
等同於判斷數值 1
是否等於字串 "true"
,因此最後會得到 false。
重點節錄
==
在比較前會先自動轉換型別,再比較雙方的值===
是嚴格比較,會比較型別與值- 寬鬆比較布林值與其它值的時候要注意強制轉換的結果
- 乾脆只使用嚴格相等就好,寬鬆相等還是少用為妙
以上資源是我自己整理過後的筆記,若有錯誤歡迎隨時和我聯繫