iT邦幫忙

2022 iThome 鐵人賽

DAY 7
0
自我挑戰組

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

Day07 運算子大家庭(下)

  • 分享至 

  • xImage
  •  

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

前言

在上一個的章節,我們學到了算術運算子(Arithmetic Operator)、賦值運算子(Assignment Operator)、比較運算子(Comparison Operator),今天再來認識也會很常見的邏輯運算子(Logical Operator)、字串運算子(String Operator)吧~!

運算子類型

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

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

邏輯運算子 (Logical Operator)

常使用於if、else、else if邏輯判斷,它們會回傳布林型態的值。
名稱 | 運算子 | 說明
------------- | -------------
和AND | && | 運算式1 && 運算式2,滿足所有條件
或OR | || | 運算式1 || 運算式2,滿足其中一個條件
NOT | ! | !運算式,回傳反面的值,例:let x = !true; // 回傳 false
舉例,

let a =1
let b = 2
console.log(a==1 && b==2) //true
console.log(a==1 && b==1) //false
console.log(a==2 && b==1) //false
console.log(a==1 || b==2) //true
console.log(a==1 || b==1) //true
console.log(a==2 || b==1) //false

字串運算子 (String Operator)

字串運算子即為在介紹字串型別時所提到的字串連接。
舉例來說,我想使用變數說明「我是Winnie,今天是鐵人賽的第7天。」

let myName = "Winnie"
let raceName = "鐵人賽"
let raceDays= 7
let content = myName + raceName + raceDays 
console.log("我是" + myName + ",今天是" + raceName + "的第" + raceDays + "天。")
//我是Winnie,今天是鐵人賽的第7天。

也可以使用樣板字面值(Template literals)整段文字以``包覆,變數以${}包覆

console.log(`我是 ${myName},今天是 ${raceName}的第 ${raceDays} 天。`)
//一樣也會得到 我是Winnie,今天是鐵人賽的第7天。

簡寫運算子 += 也能用於串接字串。

let string="" //宣告一個名為string的空字串,用來串接整個字串
let myName="我是Winnie,"
let sayHi="你好嗎?"
string+=myName "我是Winnie,"
string+=sayHi "我是Winnie,你好嗎?"

參考資料

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

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


上一篇
Day06 運算子大家庭(上)
下一篇
Day08 在寫程式碼之前你需要知道的流程圖!
系列文
新手的JavaScript扎根之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言