JS 邏輯判斷選擇器 || &&
阿新 • • 發佈:2018-12-26
|| 與 &&在JS裡與其它語言不一樣,這是選擇器運算子,而非邏輯運算子。
對於||來說,若判斷為true,則返回第一個值,為false返回第二個值。
&&相反,若判斷為 true,則返回第二個,為 false為返回第一個值。
絕對不是像其它語言那樣返回true或false,而是會返回第一個值或第二個值。
JS語言是這樣的:返回的是A或B,只要保證A與B的是true或false而不是其它值,那麼在使用上與正常語言邏輯一樣。
簡單的測試程式碼如下,先是true與false的測試,後將false改為數值0. 除了|| 與&&之外易讓人疑惑外,JS裡的假值表也算是個大疑點。
let A = true; let B = true; testLogic(A,B); A = true; B = false; testLogic(A,B); A = false; B = true; testLogic(A,B); A = false; B = false; testLogic(A,B); /*假值表,以下值 可以被強制布林轉換為false,其它轉換皆為true undefined null false +0,-0,NaN "" 空字串 其它皆為真值,如空物件{} */ console.log("-----------------next test ---------------"); A = true; B = true; testLogic(A,B); A = true; B = 0; testLogic(A,B); A = 0; B = true; testLogic(A,B); A = 0; B = 0; testLogic(A,B); function testLogic(A,B){ if(A || B){ console.log("A:",A,"B:",B,".A||B true:",A || B); } else { console.log("A:",A,"B:",B,".A||B flase:",A || B); } if(A && B){ console.log("A:",A,"B:",B,".A&&B true:",A || B); } else { console.log("A:",A,"B:",B,".A&&B flase:",A && B); } }
我寫程式碼時我其實就只知道如何做到if 與邏輯判斷實現其它語言一樣的正常的效果:
結論是保證A與B的是true或false而不是其它值。
正常語言是這樣的:
A | B | A||B | A&&B |
T | T | T | T |
T | F | T | F |
F | T | T | F |
F | F | F | F |
A | B | A||B | A&&B |
T | T | A(T) | B(T) |
T | F | A(T) | B(F) |
F | T | B(T) | A(F) |
F | F | B(F) | A(F) |