iT邦幫忙

2022 iThome 鐵人賽

DAY 6
0
自我挑戰組

新手的JavaScript扎根之路系列 第 6

Day06 運算子大家庭(上)

  • 分享至 

  • xImage
  •  

嗨嗨!我是Winnie溫尼~/images/emoticon/emoticon08.gif

前言

在前面的章節,我們學到了let 變數名稱 = 值宣告變數的方法,其中的 = 它有一個「運算子」大家庭,所以今天我們就一起來認識運算子家庭和其中的小夥伴們吧~!

運算子類型

運算子的類型很多,常見的運算子依照性質來分類,大致上可以分成下面幾種:

  • 算術運算子 (Arithmetic Operator)
  • 賦值運算子 (Assignment Operator)
  • 比較運算子 (Comparison Operator)
  • 邏輯運算子 (Logical Operator)
  • 字串運算子 (String Operator)

算術運算子 (Arithmetic Operators)

算術運算子即為常見的「加、減、乘、除」數值運算。
名稱 | 運算子 | 說明
------------- | -------------
加法 | + | x+1
減法 | - | x-1
乘法 | * | x*y
除法 | / | x/y
模數運算子 (Remainder) | % | 取餘數,例:5%2=1,6%2=0
遞增運算子 (Increment) | ++ | 將數值+1,例:x++即為x+1
遞減運算子 (Decrement) | -- | 將數值-1,例:x--即為x-1
指數運算子 (Exponentiation) | ** | 次方,例:3**2=9

賦值運算子 (Assignment Operator)

名稱 | 簡寫 | 意義
------------- | -------------
賦值 | x = y | x = y
加法賦值 | x += y | x = x + y
減法賦值 | x -= y | x = x - y
綜合算術運算子及賦值運算子概念,
a=a+1可以寫成a+=1又可以寫成a++;
a=a-1可以寫成a-=1又可以寫成a--

比較運算子 (Comparison Operator)

比較運算子即為常見的「>,<,>=,<=,等於,不等於」比較。
名稱 | 運算子 | 說明
------------- | -------------
大於 | > | x>y
大於等於 | >= | x>=y
小於 | < | x<y
小於等於 | <= | x<=y
等於 | == | 會協助將型別轉型,因此運算元相等就成立。例:1==1,"1"==1
嚴格等於 | === | 不會協助轉型,因此運算元相等且型別相同才成立。例:"1"==="1"
不等於 | != | 會協助將型別轉型,因此運算元相等就成立。例:3!=2
嚴格不等於 | !== | 不會協助轉型,因此運算元相等且型別相同才成立。例:"3"!==3

= vs == vs === 大亂鬥!

運算子 | 意義 | 例子
------------- | -------------
= | 為賦值運算子,賦予值 | x=1
== | 為比較運算子,等於 | 1=="1"
=== | 為比較運算子,嚴格等於 | 1===1

參考資料

運算式與運算子
JavaScript 運算子 (Operators)

新手上路,如文章有錯誤或需修正之處,懇請大家多多指教!
那麼,我們明天見囉~/images/emoticon/emoticon29.gif


上一篇
Day05 深入淺出字串型別
下一篇
Day07 運算子大家庭(下)
系列文
新手的JavaScript扎根之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言