一、JavaScript 邏輯運(yùn)算符
1、邏輯運(yùn)算符 概念
JavaScript 中的 邏輯運(yùn)算符 的作用是 對(duì) 布爾值 進(jìn)行運(yùn)算 , 運(yùn)算完成 后 的 返回值 也是 布爾值 ;
邏輯運(yùn)算符 的 使用場(chǎng)景 :
- 條件控制語(yǔ)句 , 控制程序分支 ;
- 循環(huán)控制語(yǔ)句 , 控制程序循環(huán) ;
邏輯 運(yùn)算符 列舉 :
-
&&: 邏輯與運(yùn)算 ,- 兩個(gè)操作數(shù)都為 true , 最終結(jié)果才為 true ,
- 只要有一個(gè)操作數(shù)是 false , 結(jié)果就是 false ;
-
||: 邏輯或運(yùn)算 ,- 兩個(gè)操作數(shù)都為 false , 最終結(jié)果才為 false ,
- 只要有一個(gè)操作數(shù)是 true , 結(jié)果就是 true ;
-
!: 邏輯非運(yùn)算 ;
2、邏輯與運(yùn)算符 &&
&& 邏輯與運(yùn)算符 :
- 兩個(gè)操作數(shù)都為 true , 最終結(jié)果才為 true ,
- 只要有一個(gè)操作數(shù)是 false , 結(jié)果就是 false ;
&& 邏輯與運(yùn)算符 短路效果 :
- 該操作符的 2 個(gè)操作數(shù) , 只要有一個(gè)操作數(shù)是 false , 結(jié)果就是 false ;
- 如果 第一個(gè) 操作數(shù) 為 false , 第二個(gè)操作數(shù) 不管是 true 還是 false , 整個(gè) 邏輯與運(yùn)算的結(jié)果都是 false , 因此第二個(gè)操作數(shù) 不需要再參與運(yùn)算 , 直接返回 false 結(jié)果即可 ;
- 如果 第一個(gè) 操作數(shù) 為 true , 那么還需要繼續(xù)判斷 第二個(gè)操作數(shù) 的布爾值 ;
自動(dòng)類(lèi)型轉(zhuǎn)換 : 如果 參與 邏輯運(yùn)算的 操作數(shù) 不是 布爾值 類(lèi)型 , 邏輯運(yùn)算符 會(huì)將其轉(zhuǎn)換為布爾值 , 然后進(jìn)行運(yùn)算 ;
代碼示例 :
// 1. 邏輯與運(yùn)算符 &&
// 兩個(gè)操作數(shù)都為 true , 運(yùn)算結(jié)果才為 true
console.log(true && true);
// 只要有一個(gè)操作數(shù)為 false , 結(jié)果就是 false
console.log(true && false);
// 短路效果
console.log(false && true);
3、邏輯或運(yùn)算符 ||
|| 邏輯或運(yùn)算符 :
- 兩個(gè)操作數(shù)都為 false , 最終結(jié)果才為 false ,
- 只要有一個(gè)操作數(shù)是 true , 結(jié)果就是 true ;
|| 邏輯或運(yùn)算符 短路效果 :
- 該操作符的 2 個(gè)操作數(shù) , 只要有一個(gè)操作數(shù)是 true , 結(jié)果就是 true ;
- 如果 第一個(gè) 操作數(shù) 為 true , 第二個(gè)操作數(shù) 不管是 true 還是 false , 整個(gè) 邏輯或運(yùn)算的結(jié)果都是 true , 因此第二個(gè)操作數(shù) 不需要再參與運(yùn)算 , 直接返回 true 結(jié)果即可 ;
- 如果 第一個(gè) 操作數(shù) 為 false , 那么還需要繼續(xù)判斷 第二個(gè)操作數(shù) 的布爾值 ;
自動(dòng)類(lèi)型轉(zhuǎn)換 : 如果 參與 邏輯運(yùn)算的 操作數(shù) 不是 布爾值 類(lèi)型 , 邏輯運(yùn)算符 會(huì)將其轉(zhuǎn)換為布爾值 , 然后進(jìn)行運(yùn)算 ;
代碼示例 :
// 2. 邏輯或運(yùn)算符 ||
// 兩個(gè)操作數(shù)都為 false , 運(yùn)算結(jié)果才為 false
console.log(false || false);
// 只要有一個(gè)操作數(shù)為 true , 結(jié)果就是 true
console.log(false || true);
// 短路效果
console.log(true || false);
4、邏輯非運(yùn)算符 !
邏輯非運(yùn)算符 ! 用于 對(duì) 操作數(shù) 的布爾值 進(jìn)行取反 ;
- 如果操作數(shù)為 true , 則返回 false；
- 如果操作數(shù)為 false , 則返回 true ;
自動(dòng)類(lèi)型轉(zhuǎn)換 : 如果 參與 邏輯運(yùn)算的 操作數(shù) 不是 布爾值 類(lèi)型 , 邏輯運(yùn)算符 會(huì)將其轉(zhuǎn)換為布爾值 , 然后進(jìn)行運(yùn)算 ;
5、完整代碼示例
完整代碼示例 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 設(shè)置 meta 視口標(biāo)簽 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript</title>
<style></style>
<script>
// 邏輯運(yùn)算符
// 1. 邏輯與運(yùn)算符 &&
// 兩個(gè)操作數(shù)都為 true , 運(yùn)算結(jié)果才為 true
console.log(true && true);
// 只要有一個(gè)操作數(shù)為 false , 結(jié)果就是 false
console.log(true && false);
// 短路效果
console.log(false && true);
// 2. 邏輯或運(yùn)算符 ||
// 兩個(gè)操作數(shù)都為 false , 運(yùn)算結(jié)果才為 false
console.log(false || false);
// 只要有一個(gè)操作數(shù)為 true , 結(jié)果就是 true
console.log(false || true);
// 短路效果
console.log(true || false);
// 3. 邏輯非運(yùn)算符 !
console.log(!false);
console.log(!true);
</script>
</head>
<body>
</body>
</html>
展示效果 :文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-841900.html
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-841900.html
到了這里，關(guān)于【JavaScript】JavaScript 運(yùn)算符 ④ ( 邏輯運(yùn)算符 | 邏輯與運(yùn)算符 && | 邏輯或運(yùn)算符 || | 邏輯非運(yùn)算符 ! )的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
