# JavaScript - 比較與邏輯運算子
###### tags: `javascript`

## 比較與邏輯運算子
步驟一：任務拆解
步驟二：流程設計
* 反覆練習培養產生 => 程式邏輯思維 / 運算思維

## 比較運算子
* 大於> 小於< 大於等於>= 小於等於<= 等於== 不等於!=

console.log(3 > 2); //true
console.log(4 < 1); //false
console.log(36.3 >= 37.5); //false
console.log(37.5 >= 37.5); //true
console.log("hi" == "hi"); //true
console.log(1 != 1); //false

* 利用「變數」來比較

let a = 2;
let b = 3;
console.log(a > b); //false
console.log((a + b) > 1); //true

let c = 4;
let d = 3;
console.log(c == d); //false


// 比較運算子的布林值
let e = 8;
let f = 5;
console.log(f >= e); //false
console.log(f != e); //true

let k = 2 > 1;
console.log(k); //true
let isWakeUp = false;
console.log(isWakeUp); //false

### 等於 = == ===
* 一個 = 「賦予」值
* 兩個 == 比較運算子（會幫忙轉型）
* 三個 === 嚴謹模式（會比較型別、也會比較運算）
型別不一樣就直接 false

// 一個 = 「賦予」值
let j = 1;
// 兩個 == 比較運算子（會幫忙轉型）
let q = 2;
console.log(j == q); //false
console.log(j != q); //true

// 三個等於 === 嚴謹模式（會比較型別、也會比較運算）
let a = 1;
let b = "1";
console.log(a == b); //true
console.log(a === b); //false

console.log(a != b); //false
console.log(a !== b); //true

## 邏輯運算子
### &&　（and 條件）
* and 條件：同時滿足條件 => true

let a = 1;
let b = 2;
//console.log(a == 1); //true
//console.log(b == 2); //true
console.log(a == 1 && b == 2); //2者 true => 回傳 true
console.log(a == 2 && b == 2); //1 false 1 true => 回傳 false
console.log(a == 2 && b == 3); //2者 false => 回傳 false

### ||　（or 條件）
* or 條件：滿足其中一個條件 => true / 兩邊條件都沒有滿足 => false

let c = 3;
let d = 4;
console.log(c == 3 || d == 4); //2者 true => 回傳 true
console.log(c == 4 || d == 4); //1 false 1 true => 回傳 true
console.log(c == 5 || d == 8); //2者 false => 回傳 false

### 邏輯運算子範例情境
#### && 練習
>餐廳辦贈獎活動，符合條件的客人可以獲得贈禮。
必須同時符合以下條件才贈禮：
1.消費滿 500 元(含)
2.是 VIP 資格
3.有購買指定商品：蛋糕

// a顧客消費
let cost = 600;
let isVip = true;
let buyCake = true;
console.log(cost >= 500 && isVip == true && buyCake == true);
// 都符合 => true 客人可獲得餐廳贈禮

#### || 練習
>小孩吃東西
只要冰箱有米飯或蘋果或牛奶任一項，小朋友就願意進食

let haveRice = false;
let haveApple = true;
let haveMilk = false;
console.log(haveRice == true || haveApple == true || haveMilk == true);
// 只要有一個條件滿足 => true 小朋友就願意進食