初級 免費 ⏱ 17m56s

5-2 比較運算子 關係運算子 Comparison, Relation operators

Lesson: 5-2 比較運算子 關係運算子 Comparison, Relation operators

JavaScript

5-2 比較運算子 關係運算子 Comparison, Relation operators

Original: https://course.andys.pro/Javascript-Intro/05-2-comparison-relation-operators-comparison-relation-operators/

講義

1. 比較運算子 (Comparison Operators)

  • 相等比較
    • == (寬鬆相等):只比較值,會自動進行轉型。
      • 範例:2 == "2"true
    • === (嚴格相等):同時比較「值」與「型別」 (建議使用)。
      • 範例:2 === "2"false (因為一個是 Number,一個是 String)。
  • 不相等比較
    • != (不相等)。
    • !== (嚴格不相等)。
  • 大小比較>, <, >=, <=

2. 陣列簡介 (Array)

  • 定義:可以儲存多個資料的容器。
  • 存取:使用索引值 (Index),從 0 開始。
    • var arr = ['a', 'b', 'c'];
    • arr[0]'a'

3. 特殊運算子

  • in 運算子
    • 用途:檢查物件中是否存在某個「屬性」或陣列中是否存在某個「索引 (Index)」。
    • 注意:它不是用來檢查陣列中是否包含某個值 (Value)。
    • 範例:0 in arrtrue (因為有索引 0)。
  • instanceof 運算子
    • 用途:檢查物件是否為某個建構函式 (Constructor) 的實例。
    • 範例:date instanceof Datetrue

影片逐字稿 (AI 生成)

我們來到5-2然後現在我們要來看比較運算值這兩張來看兩個小枝節來看然後還有關係運算值好的 首先true false是小寫喔正確對就是都是小寫喔好然後後面這邊也都是小寫好首先我們的等於已經被射值這件事情用掉了對不對X等於4不是X真的是4而是X被賦予的一個值是4所以代表說我們要check它是不是一樣的時候我們就要用等於等於來check所以2等於等於2是true2等於等於1是false因為等於等於才是比較運算值OK這邊大家要理解一下那驚嘆號是不的意思所以不等於3不等於1是true3不等於3是false那大魚小魚很簡單大家都知道嘛那還是給大家做還是測試一下好不好我們說console.log呃…剛剛是什麼例子2等於等於等於2等於等於好2等於等於1然後再來22等於等於22等於等於1然後再來是3不等於13不等於13不等於13不等於3然後再來是呃…大魚…4…33大魚24大魚24大魚2是嗎4…4小魚24小魚2好然後我們直接給它跑下去javascript對然後是什麼true forcetrue forcetrue forcetrue forcetrue forcetrue force所以記得喔比較運算值2個東西比較是不是一樣是用等於等於好的再來我們可以看到的事情是有時候呢我們要強制來…連它的形態都一樣因為javascript有時候會把2跟就是…你如果是字串的2可能是一樣它可能type是不一樣我們這也是可以測試一下就是說比如說我在最後面這裡好了就是…比如說con solo什麼2等於等於2然後看一下最後面這個後面這裡也是true耶欸奇怪喔老師為什麼數字2跟2是一樣因為你用等於等於的時候他會怎樣他…會知道他兩個都是2可是他的形態不一樣可等於等於還是不…不去…確認…形態OK那所以說我們要讓他連形態都去痾…都去check的時候是要三個等於等於等於等於等於所以會確認形態都要一樣OKOK那這個時候呢我們就會看到痾…這好煩喔等一下我前面先把它註解好了好這樣比較專心好好了所以你看這2等於等於…數字2等於等於字串2是true因為他不…不去…不去 check他的形態可是當我如果形態不同的話我要說欸你連形態都要給我一樣對你的type都要給我一樣你就要用三個等於OK所以這是…強制那…那個…不等於等於也是一樣的意思喔好的再來5-11我們要開始講就是…呃…也可以有小於等於或大於等於這兩個東西然後…你看我剛才的比較就講到了吧2和這個會是true喔好的然後這邊大家注意喔就是你複製這段扣的時候我覺得會不會出事啊會不會出事啊看一下因為他的分號怪怪他分號好像是中文的分號看一下喔欸…出事了有沒有你看他的分號硬給你看會壞掉喔直接…R1對不對Rong Time Error這子3米看不到對不對所以你看…這個…自己在那個講義裡面要寫一下就這邊就是…這裡等一下要…用英文的分號這都怎麼表示啊這樣喔好分…號是分號是分號對吧是怎麼講這個是…以…單引號對不對齁…我…我中文…不好…單…引…號好…可以…可以…可以…可以…可以…可以…可以…可以…可以…可以…可以…可以…可以…好…這邊也是要注意…下面這也要注意喔…這邊也是要注意,下面也要注意喔好,那這是嚴格相等嘛所以這個是True,這個是False那不等於,你看喔這個不等於等於是True那這個不等於等於是False那這個會蠻有趣的喔就是你這個不等於我們玩一下這個這兩行你先不要看就是我剛才2等於等於2是不是True對不對這個是True然後我們2不等於等於2是什麼是True喔那可是如果2不等於2是False喔很惱人對不對就是這兩個是不是相同對就是是相同嗎不檢查形態是相同然後你再加一個不所以是False好,那你如果這兩個看它的形態是不是相同的不是相同的然後前面加一個不所以它就是True所以它就是TrueOK就是驚嘆就是布的意思好跑到哪裡欸,跑過頭了嗎好像一下子不小心刷過頭好好好,再來我們來看一下關係運算值好,這邊又有一點這你們字串還沒有交到欸和數列還沒有交到不過我們這邊就先來講一下就是說今天呢我要有我今天有一個我今天有我們已經學會字串了嘛對不對我應該要開一個新的檔案東西5-12new code好就是我們今天已經知道了字串那我今天會想要就是在一個一個變數裡面比如說我原本只有一個變數就是x然後x只能存1嘛對不對我想要在這個數字裡面可以存多一點的東西我們叫一個東西叫做數列就是比如說我可以這樣就是我可以在x裡面存3個東西叫做123然後我要把它印出來我的做法是什麼是我要印第0個是就是1然後這樣子我們叫這個東西叫做array就是就是數列數列5-12我們現在在欸我們現在是在5-幾5-2對不對5-25-2裡面的5-12array數列把這邊扣子先好那我們就可以簡單的理解就是說我的x裡面可以存1 2 3有3格我有一個格子裡面有3個東西第0index第0個是什麼就是取第一個1對不對第2個是什麼欸第1個是什麼喔index為0的數字是1index為1是2index為2是3這邊喔index為0是1index為1是2這例子好爛喔等下abc好了崩潰然後這個要這樣ab記得要是那個喔字串才可以要不然的話它會是放什麼它會放變數喔我的第0個是a第1個是b第2個是cok它可以放3個東西那我如果直接把x印出來它會怎樣它會它會直接這樣印出來那如果說我們把這份code啊把它變成是在哪裡跑呢我把這份code如果是變在inspect element會更好可以互動原因是什麼原因是因為對我的這個我可以打開我可以看第0個第1個第2個就是google chrome的console有一個好用的地方在這裡就是你可以看到它裡面的東西那這邊你只能看到abc這樣好 那我們簡單的講一下好那所以object來講的話我這邊有一個object1然後這裡面有abcd1然後這裡面有abcd1那這邊它主要教你的是in的語法我主要教你的是in的語法然後這邊也是先註解好然後我先把它說它是一個variable var或一個object1對不對好 那我想要知道說A有沒有在這個裡面那所以它的寫法是A in object1好討厭這個那個單引號要記得換喔這單引號你們可以先在書上面寫一下這個單引號要記得好這樣子好那我們我先我先把它印一個我先把它印一個出來比如說console log對不對然後我的object1的第2個好了然後我去把它試跑試跑看好是cok好那所以確定這個這個object這個array是ok的這名就是array為什麼要叫objectoh它是一個array它不是object好不好就是大家知道這是array就是這個是這個叫做數列arrayobject是長這樣然後object有key跟value可是有比如說像我們前面這個table有看到嗎比如說身高它是身高然後我可以查身呃身高對不對然後帽號然後後面才是放它的什麼嗎比如說什麼呃什麼180之類對不對前面是這樣寫這是這是我們簡稱obj然後這是array然後為什麼他要把array叫做oh是不是就是很混淆好那他這邊主要學的事情是我的我這個object 1裡面有沒有一個東西叫做a好那我們試試看就是它叫做a你然後這a是要是一個什麼實在是一個string就是一個字字inobject 1ok好讓我們跑好看欸floss嗯嗯嗯會返回true我哪裡打錯應該對阿看一下喔欸foss欸A in object 1好這邊欸我昨天有寫嗎看一下這後來就沒有寫擅自自己好沒關係我這邊我等一下再幫大家補充一下然後我們再繼續來講這個instance of好那這個日期我們之後會交然後不知道這是誰的生日就是1965年12月17號好他今天建了一個new date然後這個date把它存成date那我們先看一下這個做法我們之後會講日期的部分好那我們可以看到這個date他就是一個date就是一個日期的形式然後他你直接給1995年12月17號為什麼會給的是1996年1月17哦嗯1996年他是從他是從好怪怪的那他這邊想要講的事情是這個date是不是在這個date裡面那因為他是從這個date裡面new一個東西出來所以我們可以看一下我們可以看一下就是instance of這個寫法好我剛才這邊已經有date了嘛date instance of date然後他就說true就是說date是不是是不是從date裡面分出就是instance是true好那等一下我這邊這個in的這個講法我會就是再補充給大家好那這邊先就是呃把螢幕給大家那這邊要提醒大家是說就是這個引號雙引號單引號部分就是要注意哦就是他們這邊縮排排版全部都是用中文的寫法那就是你在copy的時候就是不要因為copy到中文的引號就炸掉好先這樣

影片逐字稿largev2

來到5-2,然後現在我們要來看比較運算值這兩張來看,兩個小枝節來看然後還有關係運算值好的,首先True、False是小寫喔正確,對就是都是小寫喔,好然後後面這邊也都是小寫好,首先我們的等於已經被設值,這件事情用掉了對不對X等於4,不是X真的是4而是X被賦予的一個值是4所以代表說我們要check它是不是一樣的時候我們就要用等於等於來check所以2等於等於2是True2等於等於1是False因為等於等於才是比較運算值OK這邊大家要理解一下那驚嘆號是不的意思所以不等於3不等於1是True3不等於3是False那大於小於很簡單,大家都知道那還是給大家做還是測試一下,好不好那我們做個console log剛是什麼例子2等於等於2等於等於1,然後再來2等於等於22等於等於1然後再來是3不等於1是不是對,3不等於13不等於3然後再來是大於33大於2,4大於2是嗎喔,4小於24小於2好,然後我們直接給他跑下去然後是什麼True FalseTrue False所以記得喔比較運算值兩個東西比較是不是一樣是用等於等於好的再來我們可以看到的事情是有的時候我們要強制來因為Javascript有時候會把2跟你如果是字串的2可能是一樣他可能type是不一樣我們這裡也是可以測試一下比如說我在最後面這裡就是比如說console log2等於等於2,然後看一下最後面這個後面這個也是True奇怪老師為什麼數字2跟2是一樣因為你用等於等於的時候他會怎樣他會知道他兩個都是2可是他的型態不一樣可是等於等於還是不去確認型態OK那所以說我們要讓他連型態都去都去check的時候三個等於等於等於等於所以會確認型態都要一樣OK那這個時候呢我們就會看到喔這好煩喔等一下我前面先把它註解好了這樣比較專心好了所以你看這2等於等於數字2等於等於字算2是True因為他不去check他的型態可是當我如果型態不同的話我要說你連型態都要給我一樣對你的type都要給我一樣你就要用三個等於OK所以這是強制那不等於等於也是一樣的意思喔好的再來5-11我們要開始講也可以有小於等於或大於等於這兩個東西然後你看我剛才的比較就講到了嘛2和這個會是True喔然後這邊大家注意喔就是你複製這段code的時候我覺得會不會出事啊因為他的分號怪怪的他分號好像是中文的分號出事了你看他的分號應該你看會壞掉喔直接RERound Time Error這是什麼看不懂所以你看這個自己在那個講義裡面要寫一下就是這邊這裡等一下要用英文的分號要用英文的分號這要怎麼表示啊這樣喔分號是分號對吧是怎麼講這是以單引號我中文不好單引號喔Sorry不好意思擦掉我直接用打的不好意思單好可以這邊也是要注意這是嚴格相等這個是True這個是False不等於這個不等於等於是True這個不等於等於是False這個會滿有趣的喔你這個不等於我們玩一下這個這兩個先不要看就是我剛才2等於等於2是不是True對不對然後我們2不等於等於2是什麼是True喔那可是如果2不等於2是False啊很惱人對不對就是這兩個是不是相同對是相同嗎不檢查型態是相同然後你再加一個不所以是False那你如果這兩個看它的型態是不是相同的不是相同的然後前面加一個不所以它就是True驚嘆號就是不的意思好跑哪裡跑過頭了嗎一下子不小心刷過頭好好再來我們來看一下關係運算子好這邊又有一點這你們字串還沒有交到和數列還沒有交到不過我們這邊就先來講一下就是說今天呢我今天有一個我今天有我們已經學會字串了對不對我應該要開一個新的檔案5-12New Code好就是我們今天已經知道了字串那我今天會想要就是在一個一個變數裡面比如說原本只有一個變數是X然後X只能存1嘛對不對我想要在這個數字裡面可以存多一點的東西我們叫一個東西叫做數列就是比如說可以這樣就是我可以在X裡面存三個東西叫做123然後我要把它印出來我的做法是什麼是我要印第0個是就是1然後這樣子我們叫這個東西叫做Array就是字就是數列5-125-12我們現在在我們現在是在5-幾5-2對不對好5-2裡面的5-12Array數列把這邊先好那我們就可以簡單的理解就是說我的X裡面可以存123有三格我有一個格子裡面有三個東西Index第0個是什麼就是取第一個1嘛對不對第2個是什麼Index為0的數字是1Index為1是2Index為2是3嘛這邊齁Index為0Index為1是2啊這例子好爛喔等一下ABC好了啦崩潰然後這個要這樣AB記得要是那個喔字串才可以那不然的話它會是放什麼它會放變數喔好我的第0個是A第1個是B第2個是COK它可以放三個東西那我如果直接把X印出來它會怎樣它會它會直接這樣印出來那如果說我們把這份code啊把它變成是在哪裡跑呢我把這份code如果是變在Inspect Element會更好可以互動原因是什麼原因是因為我的這個我可以打開我可以看有沒有第0個第1個第2個就是Google Chrome的Console有一個好用的地方在這裡就是你可以看到它裡面的東西那這邊你只能看到ABC這樣子好那我們簡單的講一下好那所以object來講的話我這邊有一個object1然後這裡面有ABCD1那這邊它主要教你的是印的語法然後這邊也是先註解好然後我先把說它是一個VariableBar或是一個object1對不對好那我想要知道說A有沒有在這個裡面那所以它的寫法是Ain object1好討厭這個那個單影號要記得換喔這個單影號你們可以先在書上面寫一下這個單影號要記得好這樣子好那我們就是先我先先把它印一個我先把它印一個出來比如說Console log對不對然後我的object1的第2個好了然後我去把它試跑試跑看看是C那所以確定這個object這個array是ok的這明明就是array為什麼要叫object它是一個array它不是object就是大家知道這是array就是這個是這個叫做數列arrayobject是長這樣然後object有key跟value就是有比如說像我們前面這個table有看到嗎比如說身高啊對不對它是身高那我可以查身身高然後帽號然後後面呢就放它的比如說什麼什麼1080之類的對不對前面是這樣寫嘛對不對這是object我們剪成obj然後這是array然後為什麼它要把array叫做object1喔就是很混淆好那它這邊主要寫的事情是我這個object1裡面有沒有一個東西叫做a好那我們試試看就是a然後這a是要是一個什麼string就是一個字串inobject1ok好那我們跑跑看false會返回true應該是打錯了應該對啊看一下喔欸false耶還是false耶a in object1好這邊欸我怎麼又有寫三日之期齁沒關係我這邊等一下再幫大家補充一下然後我們再繼續來講這個instance of好那這個日期日期是日期是日期是日期是日期是日期是那這個日期我們之後會教然後不知道這是誰的生日就是1995年12月17號好它今天建了一個new date然後這個date把它存成date那我們先看一下這個作法我們之後會講日期的部分好那我們可以看這個date它就是一個date就是一個日期的形式然後它你直接給1995年12月17號為什麼會給的是1996年1月171996年它是從好怪怪的那它這邊有寫那它這邊想要講的事情是這個date是不是在這個date裡面那因為它是從這個date裡面new一個東西出來所以我們可以看一下我們可以看一下就是instance of這個寫法好我剛才這邊已經有date了嘛instance of date然後它就說true就是說date是不是是不是從date裡面分出就是instance是true好那等一下我這邊這個引的這個講法我會就是再補充給大家好那這邊先就是把螢幕給大家那這邊要提醒大家是說就是這個引號雙引號單引號的部分就是要注意喔就是他們這邊縮排排版全部都是用中文的寫法那就是你在copy的時候就是不要因為copy到中文的引號就炸掉好先這樣