iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 29
1
自我挑戰組

一步一腳印,探索網頁前端設計之美系列 第 29

第二十九步 - 第三層各陷阱挑戰( JavaScript 資料類型)

各位大家好,我是喵橘,今天是颱風天,雖然南部並沒有明顯風雨,但貼心叮嚀北部朋友,越晚風雨越大,盡量不要隨便出外,避免有生命危險。

https://ithelp.ithome.com.tw/upload/images/20190930/20117282826gTVBvLT.png

資料類型

在寫程式裡,不同的變數都會有不同的資料類型(英文:Data Type),又可以稱為 資料型別以及資料型態,下表簡單解釋現在寫程式主要的資料類型,如下所顯示:

資料型別 說明
整數 整數的數字型態。
浮點數 有小數點的數字型態。
字元 一個單元數字或英文。
布林值 條件判斷。True / False
字串 一串文字的撰寫。
特殊類型 null / undefined。

備註:在JavaScript的資料類型,整數、浮點數都歸類為數值部分,並沒有字元概念。

數值

數值又稱為常值,整數、浮點數以及指數都是這一個型態。要解釋這一部分,就會說到不同的進位方法,假如想了解如何轉換,之後我會另外開一篇補充。以下示範數值的型態,如下所顯示:

console.log(typeof 16);             // 'number'
console.log(typeof 0.16);           // 'number'
console.log(typeof 1.6e3);          // 'number'
console.log(typeof 0x123);          // 'number'
/*特殊狀況*/
console.log(typeof(NaN));           // 'number'
console.log(typeof(Infinity));      // 'number'
console.log(typeof(-Infinity));     // 'number'

字串

字串要呈現出來,需要用單引號或雙引號來包住,但假如句子內有單引號出現,該怎麼辦呢?才不會讓系統誤判,就是要使用到**跳脫序列(英文:Escape sequence)**的方法,詳細寫法如下表所顯示:

符號 說明
\b 退格鍵。
\n 換行字元。
\t 水平定位字元。
\v 垂直定位字元。
\r 歸類字元。
\f 換頁字元。
" 雙引號。
' 單引號。
\ 反斜線。
console.log(typeof "I'm orange.");           // 'string' 
console.log(typeof 'I\'m orange.');          // 'string' 

布林值

它是只有兩種值的類型,就是 True 和 False。是一種條件判斷的類型。

console.log(typeof True);            // 'Boolean' 
console.log(typeof False);           // 'Boolean' 

特殊類型

Javacript還有未定義值(英文:undefined),用來表示某一個值並沒有定義完成,而 空值(英文:null)則是代表這個值為空

console.log(typeof null);               // 'object'
console.log(typeof undefined);         // 'undefined'
console.log(typeof x);                // 'undefined'

明天預告


今天是講解 Javascript資料型別部分,明天講解 Javascript運算子部分,非常謝謝各位閱讀。


上一篇
第二十八步 - 宣告第三關破解方法(JavaScript 變數)
下一篇
第三十步- 這不是最後一天,而是新的開始(Javascript 運算子)
系列文
一步一腳印,探索網頁前端設計之美33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言