5-1 算術運算子

Original: https://course.andys.pro/Javascript-Intro/05-1-arithmetic-operators/

講義

1. 基本算術運算子 (Arithmetic Operators)

• 四則運算：+ (加), - (減), * (乘), / (除)。
• 指數運算 (Exponentiation)：使用 **。
  • 範例：2 ** 3 代表 2 的 3 次方 (8)。
• 取餘數 (Modulus)：使用 %。
  • 用途：常用於判斷奇偶數。
  • 範例：10 % 3 ➝ 1。

2. 字串與數字的運算陷阱

• 加法 (+)：若其中一方為字串，會變成「字串連接」。
  • 5 + "個" ➝ "5個"。
• 減、乘、除：若對非數字字串進行運算，通常會得到 NaN (Not a Number)。

3. 遞增與遞減 (Increment/Decrement)

• 語法：x++ 或 ++x (將 x 加 1)。
• 前置與後置的差異：
  • var y = x++ (後置)：先將 x 的值賦予 y，然後 x 才加 1。
  • var y = ++x (前置)：先將 x 加 1，然後才將新值賦予 y。
  • 範例：

    var x = 1;
    var y = x++; // y=1, x=2

    var x = 1;
    var y = ++x; // y=2, x=2

4. 指派運算子 (Assignment Operators)

• 簡寫法：
  • x += y 等同於 x = x + y。
  • x -= y 等同於 x = x - y。
  • 同樣適用於 *= 與 /=。

影片逐字稿 (AI 生成)

歡迎進入第五章第五章其實有點小複雜會用一點腦好 第三章我們要教的事情是運算值那五之一我們教算數運算值五之二會教關係運算值五之三會教邏輯運算值五之一我們先來認識什麼是運算值然後和算式運算值的做法好 運算值英文是operator那它就是一個簡單的來做簡單或複雜的運算的一個方法那運算值有分為算數運算值關係運算值和邏輯運算值然後還可以再拆成更小就是有比較運算值 位元運算值指派運算值和條件運算值等好的 那我們先來看一下單元運算值就是只有一個集中單元比如說像x它就是只有一個那如果兩個的話就是x加y這樣子那三個就比如說就是像條件這樣就是z問號x冒號y那像這個的話就是如果z是true那就會跑出x如果z是false就會跑到y好 這我們後面會更詳盡的來做解釋好的 我們開始來看算數運算值那它的做法其實蠻簡單的它的公式就是運算元加運算元所以x加1 就是這樣那如果是自串的話我們剛才也做過了嘛 對不對你加好 就是你好那比如說如果是數字加自串的話它就自動會返回是自串格式5加個 就變5個好 減法來看的話x-1 就是數字相減那只有加法可以去做自串相加減法 乘法 除法 都會會有問題然後會返回an another number好的我們來看例子吧就乘法 除法 和乘乘我們剛才講的乘乘好 那我們直接做做看這邊我們先把剛剛沒有做完的工作清掉那我們做4x28 這很簡單8 這很簡單除8除以24 超簡單好 那我們再做次方那次方在JavaScript寫法是乘乘喔2的乘乘3就是2的3次方是810的-1次方是0呃是乘1不好意思是0.1OK這都很簡單嘛好的好的接下來我們看一個運算是你可能比較少看過的什麼是p什麼是percent那就是取餘數所以比如說我4去取餘數2就是0可是我如果是3就會是1所以很簡單的程式的一些測驗會讓你說我要激數的99乘法表或是偶數的99乘法表或是確認這東西是不是激數是不是偶數或是有時候會出說請給我一個直數表那最快的方法就是你要把偶數先全部抽掉然後再慢慢去找然後再建一個直數表好的所以你可以快速的去取餘數就是像3才是13的取2的餘數為1這樣所以它代表說它是激數那2就是偶數好的那這邊呢我們來看到就是遞增就是說當因為程式設計師十分的懶惰所以呢我今天我要寫一個數字比如說我今天有一個varx等於1然後呢我今天我想要讓我的x增加一次那我怎麼做x等於x加1然後他說欸老師不等於啊沒有你入到現在就還是覺得不等於的話那我可以再解釋一次就是說它在旁邊是不是先加1了所以你把這個數字帶進來1加1等於2對不對那等於不是等於喔等於是傳入就是我把2再傳回去到x這樣子所以這個時候x是不是就是2好這樣如果可以理解的話那程式設計師就說喔為什麼我打2次x喔為什麼還要打痾等於為什麼打欸1我就是只是想要加1而已啊可不可以更快所以程式設計師超懶惰就是x加加所以x就是3OK然後x再加加x就是4OK所以你加加就等於是加1的意思好那這邊我要多做一個補充就是說加等於這個東西那加等於這個東西呢我看一下喔我記得我課本裡面我這邊剛剛有查到加等於在第98頁我們現在是在4-1對不對欸我們現在在5-1對不對好好課本第98頁會交到這個加等於這個東西那沒關係我現在也直接跟大家講我們剛才是x等於呃x加1對不對那這個東西其實有一個簡化的寫法就是x加等於1就是等於是上面這個式子OK就是把x加1x等於x加1這個東西變成x加等於1跟x加加意思是一樣的但大家會說欸老師那我有時候我想要加的不只是1我想要加的是3那怎麼做你也可以從你也可以從簡單打就是x等於x加3或是你可以快速的打x加等於3好適應一下其實加等於這個東西OK那你可以加加你就可以減減可是層層跟儲儲目前是沒有的好那這邊呢他有提到一個比較複雜的一件事情就是說到底我今天在取值我加加可以放在前面也可以放在後面那我放在前面和放在後面有什麼差別就比如說呃我們今天先把x都還是提到1好了那我今天有一個數字比如說y等於x加加請問你y是多少x是多少是不是很討厭那沒關係我們現在來看嘛反正又不是考試好x這時候是2喔因為他加等於1太運算完了可是這時候y是多少其實重點是y是多少y這個時候是1那好這時候y是1嘛好我們再換另外一個做法我們再換另外一個做法我這邊就不clear我們就是重新再做一次好不好我們這邊x等於1然後只是我們這時候我們做y我們做另外一個做法等於加加x好再重來一次問你說x等於多少x還是2y是多少y這時候是2喔有沒有大腦爆炸這到底在幹嘛就是加加放在前面和放在後面到底有什麼差別這差別就是你到底是先做運算還是後座運算那給大家一個簡單的計法簡單的就是計算腦袋裡面的方法就是你vary等於x++是不是y等於x那這時候你就先取值這時候y就直接是把它的1傳過來先取值後加再把它加上去那這邊你是不是剛開始一碰到是碰到++對不對你碰到++的時候你要先把x++先做完所以變2然後y再去取值所以這時候y還是2這要記一下好不好那為了怕大家會忘記我截圖一下好了然後我截圖我把它放到呃不是就這樣這裡然後我把它這裡然後我要加照片呃加照片很可怕好這裡OK我把這邊先放在這裡可以嗎好像太大了不過沒關係這樣大家可以應該可以理解我這邊在上面放的都是補充的但主要還是靠就是講義還有就是你可能要抄一些就是這種好所以這邊大概是這樣那加等於那個東西真的要看課本98頁好98頁的表5之9大家有課本嗎98頁的左下9好OK我們剛剛只有做到數字就是加加加減減還有加等於1加等於3這種還是還可以加變數喔比如說x加等於y就是x等於x加yx-yx-yx-yx-yx-yx-yx-yx-y好這一寫那下面呢會更複雜下面呢我們等一下會再介紹OK那如果你有那個標籤就是比如說螢光的標籤你可以貼一下就是貼在側邊就你比較好翻倒子一好的那這是5-1那我先讓大家去操作一下

影片逐字稿largev2

歡迎進入第五章第五章其實有一點小複雜會用一點腦第一章我們要教的事情是運算子那五之一我們教算術運算子五之二會教關係運算子五之三會教邏輯運算子五之一我們先來認識什麼是運算子和算式運算子的做法運算子英文是operator那它就是一個簡單的來做簡單或複雜的運算的一個方法那運算子有分為算術運算子關係運算子和邏輯運算子然後還可以再拆成更小就是有比較運算子、位元運算子指派運算子和條件運算子等那我們先來看一下單元運算子就是只有一個計算單元比如說像X它就是只有一個那如果兩個的話就是X加Y這樣子那三個就比如說像條件Z?X?Y那像這個的話就是如果Z是true那就會跑出X如果Z是false就會跑到Y所以我們後面會更詳盡的來做解釋好的我們開始來看算術運算子那它的做法其實蠻簡單的它公式就是運算元加運算元所以X加1就是這樣那如果是自串的話我們剛也做過了嘛你加好就是你好那比如說如果是數字加自串的話它就自動會返回是自串格式5加個就變5個好減法來看的話X-1就是數字相減那只有加法可以去做自串相加減法乘法除法都會有問題然後會返回another number好的我們來看例子吧就乘法除法和乘乘我們剛才講的乘乘好那我們直接做做看這邊我們先把剛沒有做完的工作清掉那我們做4乘以28這很簡單除8除以24超簡單好那來做次方那次方在JavaScript寫法是乘乘喔2的乘乘3就是2的3次方是810的-1次方是0呃是乘-1不好意思是0.1這都很簡單嘛好的接下來我們看一個運算是你可能比較少看過的什麼是%那就是取餘數所以比如說我4去取餘數2就是0可是我如果是3就會是1所以很簡單的程式的一些測驗會讓你說什麼我要奇數的99乘法表或是偶數的99乘法表或是確認這東西是不是奇數是不是偶數或是有時候會出說請給我一個質數表那最快的方法就是你要把偶數先全部抽掉然後再慢慢去找然後再建一個質數表好的所以你可以快速的去取餘數就是像3才是13的取2的餘數為1所以它代表說它是奇數那2就是偶數好的那這邊呢我們來看到就是遞增就是說因為程式設計師十分的懶惰所以呢我今天我要寫一個數字比如說我今天有一個varx等於1然後呢我今天我想要讓我的x增加一次那我怎麼做x等於x加1好像說老師不等於阿沒有你如果到現在就還是覺得不等於的話那我可以再檢視一次就是說它在旁邊是不是先加1了所以你把這個數字帶進來1加1等於2對不對那等於不是等於喔等於是傳入就是我把2再傳回去到x這樣子所以這時候x是不是就是2好這樣如果可以理解的話那程式設計師就說為什麼我打兩次x為什麼我還要打等於為什麼我打1我就是只是想要加1而已阿可不可以更快所以程式設計師超懶惰就是x++所以x就是3ok然後x再++x就是4ok所以你++就等於是加1的意思好那這邊我要多做一個補充就是說加等於這個東西那加等於這個東西呢我看一下喔我記得我課本裡面我這邊剛才有查到加等於在第98頁我們現在是在4之1對不對欸我們現在在5之1嘛對不對好好課本第98頁會教到這個加等於這個東西那沒關係我現在也直接跟大家講我們剛才是x等於x加1嘛對不對那這個東西其實有一個簡化的寫法就是x加等於1就是等於是上面這個式子ok就是把x加1x等於x加1這個東西寫成x加等於1跟x加加的意思是一樣的但大家會說欸老師那我有時候我想要加的不只是1我想要加的是3那怎麼做你也可以從簡單打就是x等於x加3或是你可以快速的打x加等於3好適應一下就是加等於這個東西ok那你可以加加你就可以減減可是乘乘跟除除目前是沒有的好那這邊呢他有提到一個比較複雜的一件事情就是說到底我今天在取值我加加可以放在前面也可以放在後面那我放在前面和放在後面有什麼差別就比如說我們今天先把還是提到1好了那我今天有一個數字比如說y等於x加加請問你y是多少x是多少是不是很討厭那沒關係我們現在來看嘛反正又不是考試好x這時候是2喔因為他加等於1他運算完了可是這時候y是多少其實重點是y是多少y這個時候是1ok那好這時候y是1嘛那我們再換另外一個做法我這邊就不clear掉我們就是重新再做一次我們這邊x等於1然後只是我們這時候我們做y我們做另外一個做法等於加加x好再重來一次問你說y是多少y這時候是2喔有沒有大腦爆炸這到底在幹嘛就是加加放在前面和放在後面到底有什麼差別這差別就是你到底是先做運算還是後做運算那給大家一個簡單的記法簡單的就是記在腦袋裡面的方法就是你把y等於x加加的時候是不是y等於x那這時候你就先取值那這時候y就直接是把他的1傳過來先取值後加再把它加上去那這邊你是不是剛開始一碰到是碰到加加對不對你碰到加加的時候你要先把x加1先做完所以變2然後y再去取值所以這時候y是2這要記一下好不好那為了怕大家會忘記我截圖一下好了然後截圖我把它放到這裡然後我要加照片加照片很可怕我把這邊先放在這裡可以嗎好像太大了不過沒關係這樣大家應該可以理解我這邊在上面放的都是補充的主要還是靠就是講義你可能要抄一些好所以這邊大概是這樣那加等於那個東西真的要看課本喔98頁好98頁的表5-9大家有課本嗎98頁的左下角我們剛剛只有做到數字就是加加減減還有加等於1加等於3這種加變數喔比如說x加等於y就是x等於x加yx減等於y就是x等於x減yx乘等於y就是x等於x乘以y好這一些那下面的會更複雜下面的我們等一下會再介紹那如果你有那個標籤就是比如說那種螢光的標籤你可以貼一下就你比較好翻到這一頁好的那這是5-1我先讓大家去操作一下