泛談JS邏輯判斷選擇器 || &&
更新時間：2019年05月24日 15:45:23 作者：alwxkxk
這篇文章主要介紹了JS邏輯判斷選擇器 || &&，下面我們來一起學(xué)習(xí)吧
前言
|| 與 &&在JS里與其它語言不一樣，這是選擇器運算符，而非邏輯運算符。
對于||來說，若判斷為true，則返回第一個值，為false返回第二個值。
&&相反，若判斷為 true,則返回第二個，為 false為返回第一個值。
絕對不是像其它語言那樣返回true或false,而是會返回第一個值或第二個值。
簡單的測試代碼
先是true與false的測試，后將false改為數(shù)值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);
/*假值表，以下值 可以被強制布爾轉(zhuǎn)換為false，其它轉(zhuǎn)換皆為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 與邏輯判斷實現(xiàn)其它語言一樣的正常的效果：
結(jié)論是保證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 |
JS語言是這樣的：返回的是A或B，只要保證A與B的是true或false而不是其它值，那么在使用上與正常語言邏輯一樣。
| 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) |
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹用原生的javascript修改CSS屬性的方法，需要的朋友可以參考下2013-05-05
這篇文章主要為大家詳細(xì)介紹了ionic實現(xiàn)可滑動的tab選項卡切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
提到加載事件，可能想到了window.onload，但實際上，加載事件是一大類事件，本文將詳細(xì)介紹加載事件。下面跟著小編一起來看下吧2017-02-02
本文主要分享了javascript中遞歸的兩種寫法，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
在web前端開發(fā)中,性能優(yōu)化一直是一個非常重要的話題,JavaScript中延遲加載的方式有很多種,本文就來介紹了javascript中延遲加載的7種方法實現(xiàn),具有一定的參考價值,感興趣的可以了解一下2025-01-01
Openlayers實現(xiàn)根據(jù)半徑繪制圓形
這篇文章主要介紹了利用Openlayers實現(xiàn)繪制三個圓形，繪制完成之后，三個圓心連接起來，然后標(biāo)記出每兩個圓心之間的距離，感興趣的可以了解一下2022-08-08
JavaScript?canvas繪制動態(tài)圓環(huán)進度條
這篇文章主要為大家詳細(xì)介紹了JavaScript?canvas繪制動態(tài)圓環(huán)進度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
IE 下Enter提交表單存在重復(fù)提交問題的解決方法
這篇文章主要介紹了IE 下Enter提交表單存在重復(fù)提交問題的解決方法,需要的朋友可以參考下2014-05-05
javascript實現(xiàn)數(shù)組扁平化六種技巧總結(jié)
這篇文章主要為大家詳細(xì)介紹了六種javascript中實現(xiàn)數(shù)組扁平化的技巧,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,感興趣的小伙伴可以了解下2023-12-12
javascript oop開發(fā)滑動(slide)菜單控件
這里因為是演示所以讓HTML CSS盡量的簡化，另外使用jquery的 fn.slideUp fn.slideDown 實現(xiàn)起來會更容易不過我作為一個專業(yè)的開發(fā)者多了解些原生的JS對技術(shù)的提高還是很有幫助。2010-08-08