今天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.
延伸閱讀看這裡:
JavaScript初學者該知道的事(1)如何在網頁中嵌入之?
阿凡達導演將AI漫畫班上大螢幕!!Python課程是幕後功臣?
留言列表