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的模組不清楚就透過 dir() 和 help() 尋找!


日本麻將最高紀錄!AI人工智慧再度打敗人類頂尖玩家! (1)


前端工程師一定要懂的HTML5:Drag and Drop簡介(上)


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

jimchen19901212 發表在 痞客邦 留言(0) 人氣()