iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 5
0
自我挑戰組

JavaScript基礎介紹 for 30天系列 第 5

第五天 JavaScript 運算式與運算子

  • 分享至 

  • xImage
  •  

運算式與運算子

JavaScript 基本可以分為兩大類,敘述句(Statement)以及運算式(Expression)。

  1. 敘述句(Statement):執行某個動作,譬如像是宣告變數、賦值、迴圈、判斷式都是屬於敘述句的範圍。
  2. 運算式(Expression):它會產生一個值。譬如像是執行函式(function)。

然而在運算的過程中,我們會給運算子(Operator)像是加減乘除,然後得到一個結果。
運算子的種類很多,如下:

  • 算數運算子
  • 指派運算子
  • 比較運算子
  • 字串運算子
  • 特殊運算子
  • 邏輯運算子

我們今天就介紹比較常用到的運算子

算數運算子

算術運算子以數值 (文字或變數) 作為其運算子,並回傳單一數值。常見的算術運算子是 加法 (+),減法 (-), 乘法 (),除法 (/)。 這些運算子在多數程式語言中功能相同,

//加法 (+)
var a = 2 + 3
console.log(a) // 5
//如果與字串相加
var a = 100 + "100"
console.log(a) // "100100"
//字串與字串相加
var a = "eat" + "meat"
console.log(a) // "eatmeat"

//減法 (-)
var a = 5 - 2
console.log(a) // 3
//與數字字串相減
var a = 5 - "1"
console.log(a) // 4
//與英文字串相減
var a = 5 - "a"
console.log(a) // NaN

//乘法 (*)
var a = 5 * 5
console.log(a) //25

//除法 (/)
var a = 10 / 10
console.log(a) // 1

> 除數為正數,結果為 Infinity
> 除數為負數,結果為 -Infinity
> 除數為0 ,結果為 NaN

//取餘數
var a = 100 % 33 
console.log(a) // 1

比較運算子

比較運算子 會比較運算元 並基於比較的結果回傳邏輯值。 運算元可以是數字,字串,邏輯,或物件。 字串的比較是基於字典序的,使用 Unicode 的值。在多數情況下,假如兩個運算元不具有相同型態, JavaScript 會自動轉型,嘗試將它們轉換成相同型態。 在某些的轉換型態的例外中會使用到 === 及 !== 運算子, 這樣子會嚴格地進行相等或不相等的比較。 這些運算子不會在確認相等與否前嘗試轉換運算元的型態。

var var1 = 3;
var var2 = 4;

// 會回傳 true的例子
//等於 (==)
3 == var1 , "3" == var1 , 3 == '3'
//不等於 (!=)
var1 != 4 , var2 != "3" 
//嚴格等於 (===) 
3 === var1
//嚴格不等於 (!==)
var1 !== "3" , 3 !== '3'
//大於 (>)
var2 > var1 , "12" > 2
//大於或等於 (>=)
var2 >= var1 , var1 >= 3
//小於 (<)
var1 < var2 , "2" < 12
//小於或等於 (<=)
var1 <= var2 , var2 <= 5

今天先介紹兩個常用的運算子,明天見囉 ~


上一篇
第四天 JavaScript 資料型別(陣列 Array )
下一篇
第六天 JavaScript 資料型別(自動轉型)
系列文
JavaScript基礎介紹 for 30天24
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言