iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 4
0
自我挑戰組

JavaScript基礎30天系列 第 4

運算子 基礎介紹 Day04

比較運算子
究竟什麼是比較運算子??/images/emoticon/emoticon04.gif
有那些比較運算子呢??

這裡我們先介紹兩種比較運算子 (== 與 !=)
我們舉一個簡單的例子
https://ithelp.ithome.com.tw/upload/images/20200919/20123039jDANNC3gCb.jpg
會發現 myAge與JayAge 皆是18歲
所以自然回傳 ture
白話一點說的話
就是我的年齡是否有與Jay 的年齡相同

那 != 是什麼呢??
https://ithelp.ithome.com.tw/upload/images/20200919/20123039FpK4Ra9aly.jpg
這裡白話一點說的話
就是我的年齡是否有與Jay 的年齡不相同

有發現差在哪裡了嗎
當我們加上 !
就是相反的意思


接下來
我們介紹另外兩種 (=== 與 !==)
在比較運算子中
我們有分 嚴謹模式與非嚴謹模式
那這兩個名詞到底是什麼呢
非嚴謹模式:

內容相同即可,型別不須相同
https://ithelp.ithome.com.tw/upload/images/20200919/20123039f10eHkyUMO.jpg
這裡分別是 數值1與字串1
但他們卻相同
是因為後面的字串1
轉型了!!!!!

但如果我們想要他們型別必須相同
即可用 ===
https://ithelp.ithome.com.tw/upload/images/20200919/20123039ncCRj26OUU.jpg
會發現這裡
回傳false
是不是很神奇!!/images/emoticon/emoticon07.gif

我們在來看比較有趣的東西/images/emoticon/emoticon08.gif
https://ithelp.ithome.com.tw/upload/images/20200919/20123039IpzoEKe6Ep.jpg
這裡一樣回傳true(因為true會轉型成數值1)

但當是===
https://ithelp.ithome.com.tw/upload/images/20200919/20123039xzOopNZy6f.jpg
這裡回傳false(因為兩個型別不一樣)


當然比較運算子不只有上述這幾種
當然還有
大於 >
小於 <
大於等於 >=
小於等於 <=
我們這裡就一口氣已經把它學完吧囉~~


邏輯運算子(&& 與 ||)
&& : 條件皆須滿足
|| : 所有條件中,其中一個條件滿足即可
https://ithelp.ithome.com.tw/upload/images/20200919/20123039uBit1Uajrw.jpg

今天的運算子就介紹到這裡囉
明天我們會介紹if 與 switch
並與今天所介紹的銜接
不要錯過啦!!/images/emoticon/emoticon82.gif


上一篇
陣列與物件 Day03
下一篇
if switch 介紹 Day05
系列文
JavaScript基礎30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言