前言

這次主要是將變數做一些合併運算，不同類型又會有什麼效果呢？

常見運算

• 算術運算子
  • 加：使用 + 連接，對字串而言為合併
  • 減：使用 - 連接
  • 乘：使用 * 連接
  • 除：使用 / 連接
  • 餘數：使用 % 連接
  • 先乘除後加減
• 還有其他運算子，例如比較運算子與邏輯運算子，有用到再補充，可先參考以下連結
  • 運算式與運算子：https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Guide/Expressions_and_Operators

算術練習

原本是要將下面的數字或字串定義成變數，利用 var = 某值 ;來顯示
為了方便直接思考，所以省略

var a = 1;
var b = 2;
console.log(a + b);

在 test.js 輸入以下程式，並使用 Chrome 確認結果

console.log(1 + 2); // 印出 3
console.log("1" + "2"); // 印出 12
console.log(1 + "2"); // 印出 12
console.log("1" + 2); // 印出 12

console.log(1 - 2); // 印出 -1
console.log("1" - "2"); // 印出 -1
console.log(1 - "2"); // 印出 -1
console.log("1" - 2); // 印出 -1

console.log("hello" + 123); // 印出 hello123
console.log("hello" - 123); // 印出 NaN(Not a Number)

console.log(3 * 2); // 印出 6
console.log("3" * "2"); // 印出 6
console.log(3 * "2"); // 印出 6
console.log("3" * 2); // 印出 6

console.log(5 / 2); // 印出 2.5
console.log("5" / "2"); // 印出 2.5
console.log(5 / "2"); // 印出 2.5
console.log("5" / 2); // 印出 2.5

console.log("hello" * 3); // 印出 NaN(Not a Number)
console.log("hello" / 3); // 印出 NaN(Not a Number)

console.log(1 + 3 * 2); // 印出 7
console.log((1 + 3) * 2); // 印出 8

看出什麼

• JS 會幫忙做"自動轉型"
• 如果是數字和字串的 + 運算，會轉成字串
• 如果是數字和字串的 - 運算，會轉成數字，無法運算則出現 NaN (Not a Number)
• 先乘除後加減，( )內先運算
• 不同類型的運算基本上還沒找到一個完整說明，但因為自動轉型的關係，可能會跟想的不一樣，因此需要確認，免得出現錯誤，或是不要混用

次回

利用變數來做個簡單的計算範例吧！