JavaScript初學者的入門天地!(4)數學運算子

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教學提供的例子中(請看以下),加號運算子是用來決定兩個數的和:


你也可以運用多種變數,例子如下:


承第一個例子,試想一下,如果我們把「var x = 20 + 30」使用字串表示,變成「var x = "20 + 30"」的話,答案就不會是 20 + 30 的和,而是以字串形式呈現如下:


減、乘、除運算子

四則運算中,除了上述介紹的加號運算子外,JavaScript 的減、乘、除運算子範例如下:


遞增與遞減運算子

JavaScript 的遞增運算子「++」把數值加一,至於運算元的前後,意義各異:要是置於運算元的前方,則回傳被遞增的值;要是至於運算元的後方,則回傳原值,然後才遞增運算子。這樣解釋看似模糊,請見範例如下:
把遞增運算子放在運算元「y」前方的例子:


把遞增運算子放在運算元「y」後方的例子:


同理,遞減運算子「--」則是把數值減一,於運算元的前方,則回傳被遞減的值;要是至於運算元的後方,則回傳原值,然後才遞減運算子,範例如下:

把遞減運算子放在運算元「y」前方的例子:


把遞減運算子放在運算元「y」後方的例子:


延伸閱讀文章:

JavaScript初學者的入門天地!(5)賦值運算子

JavaScript初學者的入門天地!(6)邏輯運算子

JavaScript初學者的入門天地!(1)如何在網頁中嵌入它

身為科技迷的你,找到電影中的Python,Java了嗎?(下)

微軟新功能人工智慧簡報教練, 讓你上台簡報不再吃螺絲

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

NOWnews 今日新聞

這個網誌中的熱門文章

前端工程師設定CSS背景的五種方法(一)背景固定模式設定

前端工程師設定CSS背景的五種方法(五)設定背景顏色

前端工程師入門HTML5就靠這些撇步!(8上)製作拖曳元素