JavaScript 直播班 課前note #4

比較運算子、邏輯運算子

Photo by Hack Capital on Unsplash

比較運算子 codepen

> < >= <= == !=

比較運算子，利用變數來比較 codepen

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

= == === 的差異 codepen

一個 = 是賦予值

let a = 1;

兩個 == 是比較運算子

let b = 2;
console.log(a==b);

!驚嘆號是不的意思
console.log(a!=b);

let c =1; //數字
let d ="1"; //字串

兩個等於，協助轉型

console.log(c==d);
console.log(c!=d);

=== 嚴謹模式，會先看型別再比較

邏輯運算子 codepen

&& 同時滿足條件

|| 滿足其中一個條件

邏輯運算子 增加條件作法 範例情境

&& 練習 and

1. 符合贈禮條件
2. 必須同時符合以下條件才贈禮
3. 消費滿500(含)
4. 是 VIP 條件
5. 買到蛋糕，指定商品

let a = 600;
let isVip = true;
let buyCake = true;
console.log(a>=500 && isVip==true && buyCake==true);

|| 練習 or

1. 小孩吃東西
2. 只要冰箱有米飯或蘋果任一個
3. 小朋友就願意進食

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