JavaScript Array物件 --- Part 1

目錄 : 網頁設計學習課程參考

在本節中我們將為各位介紹JavaScript的Array物件. JavaScript的Array物件是用來把一個或多個相同資料型態的值儲存於一個變數中. 舉例來說,


我們可能想要儲存客戶在旅行社網頁中所選擇的行程, 我們就可以把選擇的項目儲存在一Array中.

第一種定義Array的語法如下.

語法 1:
                  var variable = new Array(n);
                  variable[0] = value_1;
                      .......
                  variable[n-1] = value_n;

在此處variable 為我們所取的變數, 我們直接使用new Array(n) 宣告一Array物件,其中n 為Array物件中的元素個數.隨後我們使用
                 variable[索引] = 值;
指令初始化Array物件中的元素. 請注意JavaScript的Array物件索引由0起算. 若該Array物件共有n個元素,則最後ㄧ個元素的索引n-1.

範例


在本範例中我們宣告ㄧ個名稱為fruits1的Array物件,宣告時並設定該Array物件有三個元素. 宣告完畢後再初始化fruits1 Array物件的三個元素. 最後再用ㄧ個for迥圈列出fruits1 Array物件的所有元素.

執行程式後, 結果如下.

另外ㄧ種宣告Array物件的方式是在宣告時直接在new Array( )中設定Array陣列中元素的值, , 元素和元素之間用逗號 , 分開, 而不需提供該Array物件的元素個數. 語法如下.

語法 2:
                  var variable = new Array(value_1, ... , value_n);

範例




範例內容同第ㄧ個範例,但使用語法2. 執行程式後, 結果如下.

第三種語法是使用方括[ ]號取代語法2中的new Array( ), 直接在[ ]中列出元素的值, 元素和元素之間用逗號 , 分開.

語法 3:

                        var variable = [ value_1, ..., value_n ];

範例




範例內容同第ㄧ個範例,但使用語法3, 執行程式後, 結果如下.



在下課中將為大家介紹Array物件的一些常用方法.

PS: 版權所有,侵犯著作權必告.

留言