iT邦幫忙

2023 iThome 鐵人賽

DAY 8
2
Software Development

再騙小心沒朋友🥵 用LIFF實作LINE整人工具系列 第 8

[Day8] 不懂JavaScript 只好等著被整😔 變數篇

  • 分享至 

  • xImage
  •  

今天要接續昨天的文章延續無聊的教學QQ 等到精通 JavaScript 後就可以快樂整人了!今天要講的部分是 JavaScript 的變數和偵錯方法。

JavaScript 變數的宣告

JavaScript 和 Python 一樣都不用在宣告變數的時候特別指定這個變數的資料型態,因為程式在執行時會自動給一個適當的資料型態,這種特性又稱為動態型別的語言 (Dynamically Typed Language)。資料型態是指在變數 (variable) 裡面儲存什麼類型的資料 (value)。常見的資料型態有這幾種:

  • Integer (整數)
  • Float (有小數點的數字)
  • String (文字)
  • Array (陣列)
  • Boolean(TRUE/FALSE)
  • Object (物件)

JavaScript 整數/浮點數的宣告

要宣告一個數字變數,可以直接用 var 為一個變數指派一個數值:

<script> 
	var x = 1;
	alert(x+2); 
</script>

輸出的結果會像這樣:

這邊的x資料型態是 Integer (整數),當變數是 Integer 時可以用來進行運算,同理如果變數是 Float 也可以運算,差別在於 Float 的數字有帶小數點:

<script> 
	var x = 1.2;
	var y = 4.3;
	alert(x*y); 
</script>

除了有數字這種資料型態之外,還有一個型態是文字。要宣告文字的變數時,要用''兩個單引號或是""兩個雙引號
包著文字

<script> 
	var x = "我在看";
	var y = "無聊的文章";
	alert(x*y); 
</script>


如果要把兩串文字結合在一起,可以用來連接,這邊的的功能是用來Combine string:

<script> 
	var x = "我在看";
	var y = "無聊的文章";
	alert(x+y); 
</script>

JavaScript 布林值的宣告

Boolean 只有兩種值:

  1. True - 真(1)
  2. False - 假(0、null、NAN、undefined、空字串)

使用Boolean() 函數可以用來將其他的資料型態轉成布林值型態,舉例來說x為空字串'',其布林值就是false:

<script> 
	var x = '';
	alert(Boolean(x)); 
</script>

JavaScript 陣列的宣告

可以用[]符號來宣告一個新陣列,然後用索引值(index)來存取陣列中指定位置的元素(索引值從0開始):

<script> 
	var names = ['Amy', 'Bmy', 'Cmy'];
	alert(names[2]); 
</script>


索引值從0開始算,因此'Amy'、'Bmy'、'Cmy'的索引值分別為0、1、2。所以 names[2] 代表的是 Cmy。

如何判斷運算元的資料型態?

typeof 運算子會傳回一個字串值, 會回傳運算元所代表的資料型態。

<script> 
	alert(typeof 123); //回傳number
	alert(typeof 1.2333); //回傳number
	alert(typeof "123"); //回傳string
	alert(typeof true); //回傳boolean
	alert(typeof aaa); //回傳undefined
</script> 

上一篇
[Day7] 不懂JavaScript 只好等著被整😔 基本概念篇
下一篇
[Day9] 不懂JavaScript 只好等著被整😔 函數篇
系列文
再騙小心沒朋友🥵 用LIFF實作LINE整人工具30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言