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