快捷導(dǎo)航

一文總結(jié)JS中邏輯運算符的特點

更新時間：2022年03月02日 09:28:38 作者：aaa111js

在JavaScript的眾多運算符里,提供了三個邏輯運算符&&、||和!,下面這篇文章主要給大家介紹了關(guān)于JS中邏輯運算符的特點,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下

Js中的邏輯運算符

JavaScript中有三個邏輯運算符，&&與、||或、!非，雖然他們被稱為邏輯運算符，但這些運算符卻可以被應(yīng)用于任意類型的值而不僅僅是布爾值，他們的結(jié)果也同樣可以是任意類型。

描述

如果一個值可以被轉(zhuǎn)換為true，那么這個值就是所謂的truthy，如果可以被轉(zhuǎn)換為false，那么這個值就是所謂的falsy。會被轉(zhuǎn)換為false的表達(dá)式有: null、NaN、0、空字符串、undefined。

盡管&&和||運算符能夠使用非布爾值的操作數(shù)，但它們依然可以被看作是布爾操作符，因為它們的返回值總是能夠被轉(zhuǎn)換為布爾值，如果要顯式地將它們的返回值或者表達(dá)式轉(zhuǎn)換為布爾值，可以使用雙重非運算符即!!或者Boolean構(gòu)造函數(shù)。

&&: AND，邏輯與，expr1 && expr2，若expr1可轉(zhuǎn)換為true則返回expr2，否則返回expr1。
||: OR，邏輯或，expr1 || expr2，若expr1可轉(zhuǎn)換為true則返回expr1，否則返回expr2。
!: NOT，邏輯非，!expr，若expr可轉(zhuǎn)換為true則返回false，否則返回true。

JS邏輯運算符的特點

首先說一下，其他數(shù)據(jù)類型轉(zhuǎn)換為布爾類型的規(guī)則: null、undefined、0、NaN、空字符串轉(zhuǎn)換為false，其他轉(zhuǎn)化為 true。

1. 取反 !

首先把數(shù)據(jù)轉(zhuǎn)化為布爾值，然后取反，結(jié)果為 true 或 false。

<script type="text/javascript">
var a = [1,2,3];
var b = "hello";
var obj = new Object();
var d;

console.log(!"");   //true
console.log(!d);    //true
console.log(!a);    //false
console.log(!b);    //false
console.log(!obj);  //false
</script>

2. 邏輯與 &&

JavaScript 中邏輯與和其他語言不太一樣，如果第一個操作數(shù)是 true(或者能夠轉(zhuǎn)為 true)，計算結(jié)果就是第二個操作數(shù)，如果第一個操作數(shù)是 false，結(jié)果就是 false（短路計算），對于一些特殊數(shù)值不遵循以上規(guī)則。(個人理解為:如果運算的第一個操作數(shù)為true,則返回第二個操作數(shù),反之則返回第一個操作數(shù))

<script type="text/javascript">
var a = [1,2,3];
var b = "hello";
var obj = new Object();
var d;

console.log(true && 10);            //第一個操作數(shù)是true，結(jié)果是第二個操作，也就是10
console.log(false && b);            //第一個操作數(shù)是false，結(jié)果flase
console.log(100 && false);          //第一個操作數(shù)是100，結(jié)果flase
console.log(undefined && false);    //第一個操作數(shù)是undefined，結(jié)果undefined
console.log(NaN && false);          //第一個操作數(shù)是NaN，結(jié)果NaN
console.log(null && false);         //第一個操作數(shù)是null，結(jié)果null
console.log('' && false);           //第一個操作數(shù)是空串，結(jié)果空串
console.log(0 && 100);              //結(jié)果是0
console.log(5 && 100);              //100
console.log(a && b);                //hello
console.log(obj && 200);            //200
</script>

3. 邏輯或 ||

如果第一個操作數(shù)不是 false，結(jié)果就是第一個操作數(shù)，否則結(jié)果是第二個操作數(shù)。如果第一個操作數(shù)能夠轉(zhuǎn)為 true，結(jié)果就是第一個操作數(shù)(個人理解為:如果運算的第一個操作數(shù)為 true,則返回第一個操作數(shù),反之則返回第二個操作數(shù))

<script type="text/javascript">
var a = [1,2,3];
var b = "hello";
var obj = new Object();
var d;

console.log(true || 10);        //第一個操作數(shù)是true，結(jié)果是第一個操作，也就是true
console.log(false || b);        //第一個操作數(shù)是false，結(jié)果是第二個操作數(shù)b
console.log(100 || false);      //第一個操作數(shù)是100，結(jié)果100
console.log(undefined || 9);    //第一個操作數(shù)是undefined轉(zhuǎn)false，結(jié)果9
console.log(NaN || false);      //第一個操作數(shù)是NaN轉(zhuǎn)false，結(jié)果第二個操作數(shù)
console.log(null || a);         //第一個操作數(shù)是null轉(zhuǎn)false，結(jié)果a
console.log('' || false);       //第一個操作數(shù)是空串轉(zhuǎn)false，結(jié)果第二操作數(shù)
console.log(0 || 100);          //結(jié)果是100
console.log(5 || 100);          //5
console.log(a || b);            //a
console.log(obj || 200);        //obj
</script>

總結(jié)

到此這篇關(guān)于JS中邏輯運算符特點的文章就介紹到這了,更多相關(guān)JS邏輯運算符特點內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: