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

在下面的例子中，加號運算子是用來決定兩個數的和,如下：

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入門必學3資料類型

Javascript入門必學5賦值運算子

Javascript入門必學6邏輯運算子

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

HTML5教學之更細節的語意編碼教學

為什麼SEO優化師都在用微數據?原因是...

如何利用robots meta和robots.txt有效達到SEO優化?

Javascript入門必學3資料類型

Javascript入門"資料類型"一定要學起來!

資料類型

JavaScript教學 系列中,「資料類型（Data Types）」是一個運行程式中的值的種類。JavaScript 變數可支援各種資料類型，例如數字（類型）、字串（類型）、陣列（類型）......等。
不同於其他程式語言，JavaScript 不會因為「不同的數值類型（如整數、數值長短、浮點等）」而賦予其不同的定義。
JavaScript 的數值，是可以帶小數點的或是整數的形式呈現的˙。

See the Pen Data Type-1 by Tedutw (@Tedutw) on CodePen.

 

浮點數

JavaScript的數字可以有小數點，如下例所示

See the Pen Float｜Data Value｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

 

字串（Strings）

JavaScript「字串（Strings）」被用以承裝、處理文字。
一個字串可以是引號中的任何文字。這對引號可以使用單引號或是雙引號，如下範例：

var name = 'Márquez';
var text = "His name is Marc Márquez";

你可以在引號中，再加入引號。如單引號中加入雙引號、雙引號中放置單引號。只要兩種引號不要一樣就好。

var text = "His name is 'Marc Márquez'";
var text = 'and his opponent's name is "Valentino Rossi"';

承上例，除了使用不同樣式的引號外，我們還可以使用反斜杠（\），如下所示：

var text = "His name is \"Marc Márquez\"";
var text = 'and his opponent's name is \'Valentino Rossi\';

 

布林值（Booleans）

在 JavaScript「布林值（Booleans）」中，我們可以擁有一到兩個值：不是 true 就是 false。
Booleans 適用於當你需要一個資料類型，而該資料類型又只有兩個值（如「是或不是」、「對或錯」）的場合時。範例如下：

See the Pen Booleans｜Data Value｜JavaScript Tutorial by Tedutw (@Tedutw) on CodePen.

相關文章

Javascript入門必學1嵌入網頁

Javascript入門必學2變數

Javascript入門必學4數學運算子

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

SEO優化師都愛用的Robots,兩種入門款都會了嗎?

靠著這裡的HTML5教學,讓零基礎的人都如願變成高薪工程師

文字在HTML5教學裡的奧秘都在這了!

Python控制結構教學(一)布林值

Python小教室又來啦!來學學什麼是控制結構吧!

Python教學 時間來囉!今天要來說說Python 程式語法中的其中一種，是布林代數 (Boolean algebra)，Python 的布林型態為 bool。布林值 (Boolean value) 僅有兩種： True 和 False。布林值可以藉由關係運算子 (Relational operator) 來建立，例如兩個等號 == 用來比較兩個值，如果相等就回覆 True，否則回覆 False：

>>> Megadeth = True
>>> bool(Megadeth)
True
>>> bool(2==3)
False
>>> bool(3==3)
True
>>> bool("Hangar 18"=="Hangar 18")
True
>>> bool("Return to Hangar"=="Return to Hangar")
True

與兩個等號「==」相反的關係運算子「!=」，也是用來比較兩個值，如果「不」相等就回覆 True，否則回覆 False：

>>> bool(2!=3)
True
>>> bool(2!=2)
False
>>> bool("Megadeth"!="Megadeth")
False
>>> bool("megadeth"!="Megadeth")
True

因為在 Python 中，大小寫是不能視為相等的。所以上方最後兩個例子雖然字母都一樣（都為 “Megadeth”)，但是後一個例子的開頭字母的大小寫不同，所以被視為「不」相等。
比較兩個數值（不限整數或是浮點數）大小的運算子「>(大於)」、「<(小於)」、「>＝(大於或等於)」、「<＝(小於或等於)」例子如下：

>>> bool(2<3)
True
>>> bool(2>2)
False
>>> bool(2<3.0)
True
>>> bool(2.0>2)
False
>>> bool(2.0>=2)
True
>>> bool(2.0<=3.9)
True

相關文章

真人冒充人工智慧,幕後藏鏡人是誰!?(上)

真人冒充人工智慧,幕後藏鏡人是誰!?(下)

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

無俚頭的Python,Java程式名稱由來竟是這樣?

IG用人工智慧偵測惡意圖文,就要讓網路霸凌喊卡!

學會Python,這七種白領職業也不怕被取代!!