JS裡的布林值、關係運算子、邏輯運算子的詳解及實例

我們知道，布林值就是true和false，布林值運算的輸出的是：true; false; boolean; boolean，布林值也可以直接使用不需要加引號。

<script type="text/javascript">
    var a=true;
    var b=false;
    console.log(a);
    console.log(b);
    console.log(typeof a);
    console.log(typeof b);
</script>

關係運算子
＞大於號碼
＜小於號碼
＞=大於或等於
＜=小於或等於
==等於
===全等於
!=不等於
!==不全等於

關係運算子得到的結果都是布林值，要嘛是true或是false

<script type="text/javascript">
    console.log(-6<=9); //true
    console.log(55>9); //true
    console.log(5>=9); //false
    console.log(100<5); //false
</script>

使用==：

console.log(5==5); //true
console.log(5==6); //false

可以用來判斷使用者是否及格

<script type="text/javascript">
    //得到用户成绩
    var score="parseInt(prompt("请输入成绩"))；
    //输出结果
    alert(score>=60);
</script>

注意，在JS中，=符號只有一個意思，表示賦值，如果要判斷兩個東西是否相等，需要使用==符號，不能用一個等號來表示等於關係。

==這個符號還可以用來驗證字串是否相同：

console.log("啦啦啦啦啦"=="啦啦啦啦啦啦");

==這個符號不嚴謹，會將不同類型的東西轉為相同型別進行比較：

console.log("5"==5); //true
console.log(56="56"); //true

===全等於

console.log("12"===12); //false
console.log(12==="12"); //false
console.log("55"==="55"); //true
console.log(55===55); //true

也就是說，==兩個等號不嚴謹，”5”和5是true；===三個等號更為嚴謹，”5”和5是false。

!=就是==反面；!==就是===的反面

console.log(3!=8); //true
console.log(3!="3"); //false
console.log(3!=="3"); //true

#邏輯運算子 即&&: 與(且); ||: 或; !: 非
參與邏輯運算的都是布林值，只有true和false才能參與邏輯運算，得到的答案仍然是布林值。

<script type="text/javascript">
//&&表示“且”，都真才真
console.log(true&&true); //true
console.log(true&&false); //false
console.log(false&&true); //false
console.log(false&&false); //false
</script>

   

<script type="text/javascript">
    //||表示或者
    console.log(true||true); //true
    console.log(true||false); //true
    console.log(false||true); //true
    console.log(false||false); //false
</script>

!表示」非」

console.log(!true); //false
console.log(!false); //true

連比的寫法
例如想看1這個數字是不是在3和5之間，
錯誤的寫法：console.log(3因為電腦會先計算3正確的寫法應該拆開，中間用一個&&連接，即”3小於1”且”1小於5”。 

console.log(3<1&&1<5);

得到的答案是false。

例：交通法規定18-70歲能夠考駕照，判斷一個人是否能夠考駕照，則：

//得到用户年龄
var age=parseInt(prompt("请输入年龄"));
//显示结果
alert(age>=18&&age<=70);

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

JS引擎運行時是什麼樣的

服務端主動發送資料回客戶端在H5裡的實作步奏

JS開發中jssplice()方法如何使用

#

以上是JS裡的布林值、關係運算子、邏輯運算子的詳解及實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！