開始今天的JS教學吧
這篇的主題是陣列(array)
什麼是陣列呢??說的簡單一點就是值的集合體
一個變數只能存一樣東西
但是一個陣列可以存一堆東西
不管是 字串 數字 物件 ....都可以存,還不一定只能存單一種類,要混搭也可以,因為JS是弱型別
那麼陣列要怎麼寫呢?
基本的寫法如下
var A1 = new Array();
new是一個關鍵字,用來把物件給實體化
物件的觀念我們以後再談
現在大家只要記住new這個關鍵字是用來實體化物件就好了
陣列的另外一種偷懶的寫法是
var A1 = [];
這樣也是一個陣列
陣列的觀念是索引和值,索引是從0開始
用索引去找到值
先來個小小範例
<html>
<head>
<title>第一隻JS</title>
</head>
<body>
</body>
<script type="text/javascript">
var A1 = new Array();
A1[0] = "Apple";
A1[1] = "Ball";
A1[2] = "Car";
alert(A1[0]);
alert(A1[1]);
alert(A1[2]);
</script>
</html>
我們先宣告一個陣列,再把3個字串放入陣列中
[]裡面放置的就是索引值
Apple放入第0個位置
Ball放入第1個位置
Car放入第2個位置
如果照我們變數的寫法,必須要宣告3個變數來存放
但是使用陣列可以只使用一個變數卻存放多個東西
非常方便
如果在一開始就知道陣列中需要存放甚麼東西
可以在宣告時就可以直接放入
我們換個寫法
<html>
<head>
<title>第一隻JS</title>
</head>
<body>
</body>
<script type="text/javascript">
var A1 = new Array("Apple","Ball","Car");
alert(A1[0]);
alert(A1[1]);
alert(A1[2]);
</script>
</html>
上面的寫法和第一個範例的寫法執行出來的結果是一模一樣
因為我們在宣告的時候就直接把字串放入陣列中
如果想要知道陣列中有多少個東西存放的話
可以使用length這個關鍵字來取陣列的長度
<html>
<head>
<title>第一隻JS</title>
</head>
<body>
</body>
<script type="text/javascript">
var A1 = new Array("Apple","Ball","Car");
alert(A1.length);
</script>
</html>
執行後可以得出我們的陣列長度為3
那下面的範例得出來的結果是甚麼呢??
<html>
<head>
<title>第一隻JS</title>
</head>
<body>
</body>
<script type="text/javascript">
var A1 = new Array("Apple","Ball","Car");
A1[10] = "123";
alert(A1.length);
</script>
</html>
得出來的不是4而是11
因為JS會自動把索引3~9建立出來,但是裡面沒有東西
OK~~基本的陣列使用方法就是這些了
更進階的使用方式要靠大家自己主動去查了~~
只有動手做,才會變自己的!!
下一篇會教導大家使用迴圈,如果有興趣的朋友可以先去蒐集資料~
敬請期待吧~~