Javascript入門第四課-數學運算子應用

還不認識當今最火的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

從下面例子中，你可以看出它是利用加號運算子來決定兩個數的和：

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.

更多閱讀:
Javascript入門第五課-賦值運算子應用

Javascript入門第六課-邏輯運算子應用

Javascript入門第一課-如何在網頁中嵌入?

暑假快到了！與其讓兒子盲目拚學測，我寧可讓他先選擇人生方向~

資深工程師Python不藏私小知識(Part1)

為什麼新創業者都需要SEO?告訴你7大原因!(1)

前端工程師不能錯過的HTML5:瀏覽儲存器Web Storage