---
title: 比較與邏輯運算子
tags: 比較運算子, 邏輯運算子
description:
---

比較與邏輯運算子
===

### 比較運算子``>``、``<``、``>=``、``<=``、``==``、``!=``
判斷是否==符合對的==條件，或是是否==符合錯的==條件

console.log(3 > 2);    //true
console.log(4 < 1);    //flase
console.log(5 >= 5);    //true
console.log(6 <= 7);    //true
console.log(8 == 9);    //false
console.log('hi' != 'hello');    //true

<br>

### 比較運算子搭配變數方法
- 可用在變數與變數的比較

let a = 10;
let b = 20;
console.log(a > b);    //false

- 也可以得到==比較後的結果==再賦予給變數

let a = 3 > 2;
console.log(a);    //true

<br>

### ``＝``、``＝＝``、``＝＝＝``的差異處

- ```=```是==賦予==值的意思。

let num = 100;

- ```==```是==判斷左右兩邊的值==，是否相同（比較運算子）。

console.log(1 == 2);    //false

- ```===```是```==```的==嚴謹模式==。除了比較==值==以外，也比較==型別==。

let a = 1;
let b = '1';
console.log(a == b);    //JavaScripty自動幫變數b轉型1，結果為true
console.log(a === b);    //不只比對值，也比對型別，結果為false
console.log(a != b);    //JavaScripty自動幫變數b轉型1，結果為false
console.log(a !== b);    //不只比對值，也比對型別，結果為true

<br>

### 邏輯運算子 ``&&``、``||``
- ```&&```：==同時==滿足條件（and）
- ```||```：滿足==其中之一==條件（or）

let a = 1;
let b = 2;
console.log(a === 1 && b ===2);    //true
console.log(a === 1 || b ===3);    //true

第三行```a===1```及```b===2```，兩者條件都有同時滿足，所以結果為==true==。

第四行```a===1```滿足條件，```b===2```未滿足條件，但邏輯運算子為```||```，所以結果為==true==。
<br>

### 邏輯運算子情境範例
- ### ``&&``
符合贈禮條件，==同時==符合下列兩項條件。消費滿500元、是VIP會員。
- 條件一：消費滿500元。```payMoney```==大於或等於==500。
- 條件二：是VIP會員。```isVIP```為==true==。
- 邏輯判斷：條件一、條件二要==同時為true==。

let payMoney = 550;
let isVIP = true;
console.log(payMoney >== 500 && isVIP === true);    //true

<br>

- ### ``||``
小孩吃東西，冰箱只要有蘋果、米飯==任一項==食物，小孩就會進食。
- 條件一：冰箱有蘋果。```haveApple```等於==true==。
- 條件二：冰箱有米飯。```haveRice```等於==true==。
- 邏輯判斷：條件一、條件二要==其中一項為true==。

let haveApple = true;
let haveRice = false;
console.log(haveApple === true || haveRice === ture);    //true