TypeScript：運算符

1. 運算符概述

運算符也稱為操作符，用來實作指派（=）、算術運算、比較等功能的符号。

常用的運算符：

• 算術運算符
• 指派運算符
• 遞增/遞減運算符
• 比較運算符
• 邏輯運算符

2. 算術運算符

2.1 概述

算術運算符包含：加（+）、減（-）、乘（*）、除（/）。

算術運算符：進行算術運算時使用的符号，用于兩個數值之間的計算。

// 加
console.log(1 + 2) // 3
// 減
console.log(2 - 1) // 1
// 乘
console.log(2 * 3) // 6
// 除
console.log(4 / 2) // 2
           

2.2 加号的其他作用

注意：+ 号，不僅可以用于加法計算，還能實作字元串拼接。

在這裡插入代碼片

// 字元串拼接（拼串）
console.log('周傑' + '倫')
           

思考以下代碼的結果：

console.log(1 + 2) // 結果為：3
console.log(1 + '2') // 結果為：'12'
console.log('1' + 2) // 結果為：'12'
           

規律：加号兩邊隻要有一邊是字元串，就執行字元串拼接。

2.3 加号引發的思考

思考：加号可以跟字元串一起使用，那其他算術運算符（- * /）可以嗎？

console.log(2 - '1') // 報錯：算術運算符的右側必須是數字類型。
           

注意：除加号以外，其他算術運算符隻應該跟數字類型一起使用。

其他方式：将字元串類型轉換為數字類型。

console.log(2 - +'1')
// +'1' 表示将 '1'（string） => 1（number）
// 是以，2 - +'1' ==> 2 - 1 ==> 結果為：1
           

記住：在字元串前面添加 + 号，可以将 string 轉化為 number（字元串内容為數字時才有意義）。

3. 指派運算符

指派運算符：将等号右邊的值指派給它左邊的變量，比如：等号（=）。

// 等号：将 18 指派給左側的變量 age
let age: number = 18
           

需求：明年老師 19 歲，讓變量 age 變成 19。

age = age + 1
           

順序：1 先執行等号右邊的代碼 2 将計算結果指派給等号左邊的變量。

除了等号（=）之外，還包括：加等（+=）、減等（-=）、乘等（*=）、除等（/=）。

age += 1
           

說明：其他幾個（減等、乘等、除等）同理。

4. 自增和自減運算符

自增（++）運算符是 += 1 的簡化形式；自減（–）運算符是 -= 1 的簡化形式。

比如：讓 age 的值變為 19，該如何處理？

let age: number = 18
age += 1 // 加等
           

更簡潔的方式：++

age++
           

解釋：age++ 會讓變量 age 的值加 1。

作用：自增（++）運算符用來實作變量的值加 1；自減（–）運算符實作變量的值減 1。

注意：++ 或 --，隻能讓變量的值增加或減少 1。

5. 比較運算符

比如：考完試，拿到成績後，比較分數。

你的100分 大于 同桌的99分
           

比較運算符：用于比較兩個資料的值，并傳回其比較的結果，結果為布爾類型。

比較運算符包含 6 個：

• 大于（>）
• 大于等于（>=）
• 小于（<）
• 小于等于（<=）
• 等于（===）
• 不等于（!==）

給出以下示例的結果：

// 大于
console.log(1 > 2)
// 大于等于
console.log(3 >= 2)
// 小于
console.log(1 < 2)
// 小于等于
console.log(3 <= 2)
// 相等
console.log(3 === 4)
// 不相等
console.log(3 !== 4)
// 結果為：false
// 結果為：true
// 結果為：true
// 結果為：false
// 結果為：false
// 結果為：true
           

問題1：比較運算符有什麼用？比較兩個資料的值

注意：比較運算符常用于數字類型的比較。布爾類型

問題2：比較結果是什麼類型？

6. 邏輯運算符

生活中，我們常用：并且、或者、不是 這樣的詞語，來描述一些事情。

情況一：有錢 并且 漂亮（ 兩個條件同時滿足 ）。

情況二：有錢 或者 漂亮（ 隻要某一個條件滿足 ）。

情況三：不是 男的（ 取反 ）。

與邏輯運算符一一對應：與（并且）、或（或者）、非（不是）。

邏輯運算符通常用于布爾類型的計算，并且結果也是布爾類型。

• 與（邏輯與），用 && 符号來表示。當 && 兩邊的值同時為true，結果才為true；否則，為false。

  true && false // 結果為：false
             

  示例：

  // 與
  console.log(2 > 1 && 2 >= 2)// 結果為：true
             

• 或（邏輯或），用 || 符号來表示。當 || 兩邊的值隻要有一個為true，結果就為true；否則，為false。

  true || false // 結果為：true
             

  // 或
  console.log(3 < 2 || 1 <= 2)// 結果為：true
             

• !true // 結果為：false
             

  // 非
  console.log(!false || false)// 結果為：true
             

1. 兩個條件同時滿足時，再執行操作，用什麼？邏輯與 &&
2. 隻要有一個條件滿足時，就執行操作，用什麼？邏輯或 ||
3. 邏輯非，表示什麼作用？取反 !