運算子
運算子用來做加減乘除等運算 需要特別注意 + 除了做數學運算外，還可以做文字連接
數學運算子
這個表列出了常見的數學運算子
跟數學的四則運算一樣，先乘除後加減，先做的用 () 包起來
| 符號 | 說明 | 範例 |
|---|---|---|
| + | 加號 | 25 + 5 = 30 |
| - | 減號 | 25 - 5 = 20 |
| * | 乘號 | 10 * 20 = 200 |
| / | 除號 | 20 / 2 = 10 |
| % | 餘數 | 56 % 3 = 2 |
+ 和 - 還可以減寫成 ++ 和 --，代表加一和減一，稱為 遞增 和 遞減
不過會根據變數和運算子的位置而有不同的結果
| 符號 | 範例 | 結果 |
|---|---|---|
| a++ | let a = 0, b = 10; a = b++; | a = 10; b = 11 |
| ++a | let a = 0, b = 10; a = ++b; | a = 11; b = 11 |
| a-- | let a = 0, b = 10; a = b--; | a = 10; b = 9 |
| --a | let a = 0, b = 10; a = --b; | a = 9; b = 9 |
a = b++ 代表先執行 a = b，才執行 b = b + 1a = ++b 代表先執行 b = b + 1，才執行 a=bb-- 和 --b 也是一樣的運作方式
js
let x = 100
// 這行將數字加 10 後，沒有做任何事
x + 10
// 這行將數字加 10 後，將結果存回 x
x = x + 10
console.log(x) // 110指派運算子
這個表列出了常見的指派運算子，用來簡化 = 的寫法
| 符號 | 範例 | 原寫法 |
|---|---|---|
| += | x += 2 | x = x + 2 |
| -= | x -= 2 | x = x - 2 |
| *= | x *= 2 | x = x * 2 |
| /= | x /= 2 | x = x / 2 |
| %= | x %= 2 | x = x % 2 |
js
let x = 100
x %= 7
console.log("100 除以 7 的餘數是 " + x) // 2文字連接
在 JavaScript 裡的 + 還有文字連接的功能
TIP
` 引號裡面的文字不只可以換行，還可以搭配 ${} 插入變數
就可以避免一堆 + 和單雙引號造成閱讀困難
js
const firstName = "小明"
const lastName = "王"
// 使用 + 將文字連接起來
const fullName = firstName + lastName
// 使用 + 連接文字及變數
const hello1 = "你好，我的名字是" + fullName + "請多指教"
// 使用模板語法在文字中插入變數
const Hello2 = `你好，我的名字是${fullName}請多指教`