iT邦幫忙

1

Javascript 進階 3-5 運算子

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20191213/20121770Ds0mgixdOx.jpg

運算子算是一個簡單的函式,他可以透過簡單的單詞或是符號,來對連接在前、後的值進行處理運算後,回傳一個值。

https://ithelp.ithome.com.tw/upload/images/20191213/20121770tH2L4QtMmy.jpg

以這個範例為說明,中間的等於就是 運算子,把右邊的 '小明' 賦值給左邊的變數 person。

https://ithelp.ithome.com.tw/upload/images/20191213/201217708FwS0B4L5D.jpg

而左右兩邊的內容,又稱為 運算元

依據運算元的數量不同,又可以分為一元、二元、三元的運算子。

大部分是二元的運算子,少部分是一元,還有一個是三元的運算子。

https://ithelp.ithome.com.tw/upload/images/20191213/201217707fAwNRxu58.jpg

範例: 透過 + 的運算元會回傳結果為 2

並不是所有的運算元都會放在中間

https://ithelp.ithome.com.tw/upload/images/20191213/20121770wfGu5mTcjn.jpg

如圖所示,運算子有可能在運算元之前、之後或是兩個運算元之間。

一元運算子

https://ithelp.ithome.com.tw/upload/images/20191213/20121770L4zHJN1XBd.jpg

例如 delete 運算子 可以刪除物件的特定屬性,如同上方MDN的截圖所示。

另外 typeof 也是屬於 一元運算子 喔!。

三元運算子

https://ithelp.ithome.com.tw/upload/images/20191213/20121770Hun0IXp0eA.jpg

三元運算子又稱為 條件運算子,就是簡化版的 if/else。

    var a = X ? y : z;

其中的 ? 以及 : 就是他的運算子。

而 X / y / z 就是他的運算元

如果 X 的條件判斷為 true 就會回傳 y, 若為 false 則回傳 z。

二元運算子範例:

var a
a = 1 + 1;

在這個範例中, a = 1 + 1; 包含了兩個運算子,一個是 + ,另一個是 =

其中會先執行 + ,把左右兩個運算元 1 相加等於 2 。

再透過 = 運算子,把2賦值倒左邊的變數 a 上。

所以執行的順序是這樣

1 + 1
> 2

a = 2

一元運算子的範例:

var a = 'text';
console.log(typeof(a));

這裡的一元運算子就是指 typeof , 相信大家有看過前幾篇的文章應該就很熟悉他。

三元運算子的範例

// condition ? expre1 : expre2
var result = (bmi > 20) ? '偏瘦' : '肉肉的' ;
console.log(result);

這邊 bmi 的變數就依照數值的內容,就會回傳不同的表達式。

這篇文章就到這裡,下一篇會來介紹運算子的優先度以及相依性~希望對你有幫助~汪汪!

參考文獻:

[MDN](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Guide/Expressions_and_Operators)

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言