不可錯過的JavaScript課程(4)數學運算子
JavaScript的數學運算子你了解多少?今天用一個表格和範例,輕易就讓你一目了然!
數學運算子
JavaScript 中的數學運算子，作用是對數字（文字的形式或是變數的形式）進行函式運算。
| 運算子 | 敘述 | 範例 |
|---|---|---|
| + | 加號 | 1 + 1 = 2 |
| – | 減號 | 2 – 1 = 1 |
| * | 乘號 | 2 * 3 = 6 |
| / | 除號 | 10 / 2 = 5 |
| — | 減去 | var a = 10; a–; Now a =9 |
| % | 餘數 | 20 % 3 = 2 |
| ++ | 遞增 | var a = 10; a++; Now a =10 |
| — | 遞減 | var a = 10; a–; Now a =9 |
在今天的JavaScript教學提供的例子中（請看以下），加號運算子是用來決定兩個數的和：
See the Pen Addition｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
你也可以運用多種變數，例子如下：
See the Pen Addition-2｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
承第一個例子，試想一下，如果我們把「var x = 20 + 30」使用字串表示，變成「var x = “20 + 30″」的話，答案就不會是 20 + 30 的和，而是以字串形式呈現如下：
See the Pen Addition-string｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
減、乘、除運算子
四則運算中，除了上述介紹的加號運算子外，JavaScript 的減、乘、除運算子範例如下：
See the Pen 減、成、除運算子｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
遞增與遞減運算子
JavaScript 的遞增運算子「++」把數值加一，至於運算元的前後，意義各異：要是置於運算元的前方，則回傳被遞增的值；要是至於運算元的後方，則回傳原值，然後才遞增運算子。這樣解釋看似模糊，請見範例如下：
把遞增運算子放在運算元「y」前方的例子：
See the Pen 遞增運算子++var｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
把遞增運算子放在運算元「y」後方的例子：
See the Pen 遞增運算子var++｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
同理，遞減運算子「–」則是把數值減一，於運算元的前方，則回傳被遞減的值；要是至於運算元的後方，則回傳原值，然後才遞減運算子，範例如下：
把遞減運算子放在運算元「y」前方的例子：
See the Pen 遞減運算子–var｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
把遞減運算子放在運算元「y」後方的例子：
See the Pen 遞減運算子var–｜Math Operator｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.
精選延伸閱讀：
暑假快到了！與其讓兒子盲目拚學測，我寧可讓他先選擇人生方向~