手把手教你JavaScript(4):數學運算子

手把手教你JavaScript(4):數學運算子
手把手教你JavaScript(4):數學運算子

想學JavaScript卻不知從何下手?看完這一系列教學文一定對你的程式之路很有幫助的!!(4)

數學運算子

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(3):資料類型

手把手教你JavaScript(3):資料類型
手把手教你JavaScript(3):資料類型

想學JavaScript卻不知從何下手?看完這一系列教學文一定對你的程式之路很有幫助的!!(3)

資料類型

「資料類型(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教學文章,請到本部落格首頁搜尋喔~

 

 

 

其他閱讀

Javascript新手上路(四):數學運算子

Javascript新手上路(四):數學運算子
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新手上路(三):資料類型
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教學文章,請到本部落格首頁搜尋喔~

 

 

 

其他閱讀

一起來學Python控制結構:布林值true or false

一起來學Python控制結構:布林值true or false
一起來學Python控制結構:布林值true or false

想學Python的同學先看過來~我們為大家準備了布林值true or false

Python 程式語法中的其中一種,是布林代數 (Boolean algebra),這可是Python教學中非常重要的一部分!! 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教學相關文章嗎?快到部落格首頁找找吧!!

 

 

 

 

其他閱讀

Python控制結構1.布林值Boolean-True or False?

Python控制結構2.if else條件判斷(1)

Python控制結構2.if else條件判斷(2)

Python控制結構3.布林邏輯:and,or,not

Python控制結構4.運算子優先順序(Operator precedence)一覽

Python控制結構5.while 迴圈

Python控制結構7.List串列與其他運算子的應用

Python控制結構8.List-append,insert,index,len函數

Python控制結構9.Range數列生成

Python控制結構10.for迴圈

Python控制結構11.實作簡單的計算機

Python控制結構小教室:布林值true or false?

Python控制結構小教室:布林值true or false?
Python控制結構小教室:布林值true or false?

大家喜歡的Python小教室回來了~這一系列的文章要來教大家控制結構:布林值true or false

Python 程式語法中的其中一種,是布林代數 (Boolean algebra),這可是Python教學中非常重要的一部分!! 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教學相關文章嗎?快到部落格首頁找找吧!!

 

 

 

 

其他閱讀

Python控制結構1.布林值Boolean-True or False?

Python控制結構2.if else條件判斷(1)

Python控制結構2.if else條件判斷(2)

Python控制結構3.布林邏輯:and,or,not

Python控制結構4.運算子優先順序(Operator precedence)一覽

Python控制結構5.while 迴圈

Python控制結構7.List串列與其他運算子的應用

Python控制結構8.List-append,insert,index,len函數

Python控制結構9.Range數列生成

Python控制結構10.for迴圈

Python控制結構11.實作簡單的計算機