泛談JS邏輯判斷選擇器 || &&
更新時(shí)間：2019年05月24日 15:45:23 作者：alwxkxk
這篇文章主要介紹了JS邏輯判斷選擇器 || &&，下面我們來一起學(xué)習(xí)吧
前言
|| 與 &&在JS里與其它語言不一樣，這是選擇器運(yùn)算符，而非邏輯運(yùn)算符。
對(duì)于||來說，若判斷為true，則返回第一個(gè)值，為false返回第二個(gè)值。
&&相反，若判斷為 true,則返回第二個(gè)，為 false為返回第一個(gè)值。
絕對(duì)不是像其它語言那樣返回true或false,而是會(huì)返回第一個(gè)值或第二個(gè)值。
簡單的測試代碼
先是true與false的測試，后將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)文章
這篇文章主要介紹了功能強(qiáng)大的Bootstrap效果展示，介紹常用Bootstrap效果的使用方法，感興趣的小伙伴們可以參考一下2016-08-08
vue2.0實(shí)戰(zhàn)之基礎(chǔ)入門（1）
這篇文章主要為大家詳細(xì)介紹了vue2.0實(shí)戰(zhàn)第一篇基礎(chǔ)入門的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
javascript使用isNaN()函數(shù)判斷變量是否為數(shù)字
javascript中判斷變量是否為數(shù)字的方法，這里主要介紹javascript里的 isNaN() 函數(shù)，具體使用如下，感興趣的朋友可以參考下2013-09-09
不錯(cuò)的使用鍵盤上下鍵實(shí)現(xiàn)選擇的代碼，方便用戶操作2008-06-06
這篇文章給大家介紹了關(guān)于javascript常用關(guān)鍵字的相關(guān)內(nèi)容，文中介紹的非常詳細(xì)，并且通過一個(gè)實(shí)例代碼給大家介紹了關(guān)于Javascript關(guān)鍵字的重要性，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)學(xué)習(xí)吧2007-12-12
表單元素事件 (Form Element Events)僅在表單元素中有效。2009-07-07
JS中‘hello’與new String(‘hello’)引出的問題詳解
這篇文章主要給大家介紹了關(guān)于JS中'hello'與new String('hello')引出的問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-08-08
使用JavaScript實(shí)現(xiàn)一個(gè)小程序之99乘法表
這篇文章主要介紹了使用JavaScript實(shí)現(xiàn)一個(gè)小程序之99乘法表的相關(guān)資料,需要的朋友可以參考下2017-09-09
判斷js數(shù)據(jù)類型的函數(shù)實(shí)例詳解
這篇文章主要介紹了一個(gè)判斷js數(shù)據(jù)類型的函數(shù)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
這篇文章主要介紹了淺談Javascript數(shù)組索引，都是個(gè)人的一些經(jīng)驗(yàn)總結(jié),需要的朋友可以參考下2015-07-07