javascript中常用的邏輯運算符

這篇文章主要介紹“javascript中常用的邏輯運算符”，在日常操作中，相信很多人在javascript中常用的邏輯運算符問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”javascript中常用的邏輯運算符”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

javascript邏輯運算符有：1、邏輯與運算符“&&”；2、邏輯或運算符“||”；3、邏輯非運算符“!”，會把數據轉化為布爾值，然后取反，結果為true或false。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦

javascript邏輯運算符

JavaScript 中的邏輯運算符可用來確定變量或者是值之間的邏輯關系。通常用于布爾型值，會返回一個布爾值true 或 false。

&&、|| 運算符能夠使用非布爾值的操作數，此時會返回一個非布爾型值。

布爾值

在 JavaScript 中提供了一種布爾數據類型，只接受值 true 或 false。我們可以通過 Boolean() 函數來確定表達式（或變量）的值為 true 還是 false。

示例：

將下面代碼在瀏覽器中執行，將彈出一個顯示 true 的彈出層：

alert(Boolean(7 > 2));

這表示 7 > 2 的結果為真值，當然7本來就比2大，如果是反過來7 > 2，那么瀏覽器會顯示false。

邏輯與操作符

邏輯與 &&操作符，如果第一個操作數為 true，計算結果就是第二個操作數。如果第一個操作數為 false，結果就是 false（特殊數值除外）。

示例：

console.log(true && true);     // true  操作數為true則結果為第二個操作數
console.log(true && false);    // false 
console.log(true && 10);       // 10
console.log(true && (4 > 7));  // false  

console.log(false && 10);      // false  操作數為false則結果為false
console.log(false && "");      // false
console.log(" " && 0);         // 0
console.log(2 && 7);           // 7

會被轉換為false的表達式：

• null

• NaN

• 0

• 空字符串（"" 、 ''、``）

• undefined

邏輯或操作符

邏輯或 || 操作符，如果第一個操作數能夠轉為 true（不是 false），結果就是第一個操作數，否則結果是第二個操作數。

示例：

console.log(true || true);     // true  第一個操作數為true則結果為第一個操作數
console.log(true || false);    // true 
console.log(true || 10);       // true
console.log(true || (4 > 7));  // true  

console.log(false || 10);      // 10  第一個操作數不是true，則結果為第二個操作數
console.log(false || "");     // 
console.log(false || 0);       // 0
console.log(0 || 7);           // 7

邏輯非操作符

邏輯非 ! 操作符，首先把數據轉化為布爾值，然后取反，結果為 true 或 false。

示例：

例如true 本來就是布爾值，取反會得到 false。false 取反會得到 true：

console.log(!true);         // false  
console.log(!false);        // true 
console.log(!0);            // true
console.log(!"");           // true  
console.log(![1, 2, 3]);    // false

數字 0 可以化為布爾值 false，取反結果為 true。""空字符串也是同理，先化為 false 再取反得到 true。數組[1, 2, 3] 化為布爾值 true ，取反得到 false。

到此，關于“javascript中常用的邏輯運算符”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！