JS 筆記- 控制判斷(比較運算子、邏輯運算子) - 提姆寫程式

此次內容是JavaScript 的控制判斷，比較運算子跟邏輯運算子的筆記。

用途會是在驗證資料是否有與原本設定的條件相同，例如：今天填寫一個表單，如果勾 ... 0% 此次內容是JavaScript的控制判斷，比較運算子跟邏輯運算子的筆記。

用途會是在驗證資料是否有與原本設定的條件相同，例如：今天填寫一個表單，如果勾選「是」，就可以繼續往下填寫之類的控制判斷。

運算子比較運算子==用來比較a與b是否為正確或不正確，例如：設定兩個變數比較他們的關係。

會發現有兩個地方不同，=跟==，=的用法是給予變數一個值；==他是用比較兩個數值之間的關係是否為true還是false。

然後有兩種寫法： ==等於 !==不等於 簡單的範例： 123vara=1;varb=1;a==b;//結果會得到true 反之!== 123vara=1;varb=1;a!==b;//結果會得到false 加上情境，倘若今天一間餐廳有當月壽星禮，可以這樣做控制判斷 1234varmyBirthdayMonth=3;//我的生日月份varnowMonth=12;//本月壽星varbirthdayMonthCheck=myBirthdayMonth==nowMonth;//判斷我是否為本月壽星document.getElementById("birthdayId").textContent=birthdayMonthCheck;//本月為12月，我是3月壽星，故結果會得到false 嚴謹模式===因為==比較不嚴謹，如果有些資料要確認型別，就會用到===，假如下方程式碼： 121=="1";//會得到結果是true，可是一邊是數字，另一邊是字串，資料型別不同啊? 因為==會在比較時發現值如果數字跟字串長一樣的時候，會自動轉型，被比較成一樣，所以如果剛好遇到類似的數值跟字串內容會一樣時，為了讓資料更明確的比較，就會用到嚴謹模式===，例如： 121==="1";//得到的結果就會是false 大於>、小於=、小於等於=>用法就跟字面一樣，可以自己玩一下，例如： 12343>2;7<8;13>=13;15<=21; 以上結果都會得到true(廢話) 邏輯運算式&&(and)、||(or)、!(not)要滿足預設的兩個條件要用and，這樣寫：&&，只要滿足其中一個條件用or，這樣寫：||，如果要表示「不是」則是用!。

&&所有條件皆符合以搭飛機為例，出入境都需要機票跟護照的話，程式碼如下： 1234varpassport=true;//有帶護照varticket=true;//有帶機票varpass=passport==true&&ticket==true;//出入境條件console.log(pass);//結果會是true 如果沒有機票的話，程式碼如下： 1234varpassport=true;//有帶護照varticket=false;//沒帶機票varpass=passport==true&&ticket==true;//出入境條件console.log(pass);//結果會是false 在條件上可以自行定義多寡，但建議一到兩個就好，最多三個，不然程式碼會太長。

||符合一項條件以餐廳優惠為例，餐廳很多都有當月壽星禮，程式碼如下： 剛好是當月壽星： 12345//餐廳折扣優惠varmyBirthdMonth=true;//當月壽星禮varfbTag=true;//臉書打卡vardiscount=myBirthdMonth==true||fbTag==true;//符合折扣條件console.log(discount);//結果會是true !不是Not會把原本的意思改成不是的意思，例如： 1232<3;//true!(2<3);//false 文章目錄 本站概要 1.運算子1.1.比較運算子==1.2.嚴謹模式===1.3.大於>、小於=、小於等於=>2.邏輯運算式&&(and)、||(or)、!(not)2.1.&&所有條件皆符合2.2.||符合一項條件2.3.!不是 TimHsu 提姆的前端筆記 269 文章 16 分類 29 標籤 GitHub FB 友站連結 Welcome.Web.World 卡斯柏-前端沒有極限 KuroBlog Fred'sCodingLife 保哥部落格 桑莫。

夏天 Mandy'sWeb OXXOStudio