我的位置:首頁 >   > 

    程式語言教學-JavaScript篇-04

    發表時間:

    開始今天的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~~基本的陣列使用方法就是這些了

    更進階的使用方式要靠大家自己主動去查了~~

    只有動手做,才會變自己的!!

    下一篇會教導大家使用迴圈,如果有興趣的朋友可以先去蒐集資料~

    敬請期待吧~~