JavaScript Array（數組）對象 · W3School Javascript & jQuery 教程

# JavaScript Array（數組）對象 **數組對象的作用是：使用單獨的變量名來存儲一系列的值。** ## 實例 [創建數組](/tiy/t.asp?f=jsrf_array) 創建數組，為其賦值，然后輸出這些值。 ``` <html> <body> <script type="text/javascript"> var mycars = new Array() mycars[0] = "Saab" mycars[1] = "Volvo" mycars[2] = "BMW" for (i=0;i<mycars.length;i++) { document.write(mycars[i] + "<br />") } </script> </body> </html> ``` [For...In 聲明](/tiy/t.asp?f=jsrf_array_for_in) 使用 for...in 聲明來循環輸出數組中的元素。 ``` <html> <body> <script type="text/javascript"> var x var mycars = new Array() mycars[0] = "Saab" mycars[1] = "Volvo" mycars[2] = "BMW" for (x in mycars) { document.write(mycars[x] + "<br />") } </script> </body> </html> ``` [合并兩個數組 - concat()](/tiy/t.asp?f=jseg_concat_2) 如何使用 concat() 方法來合并兩個數組。 ``` <html> <body> <script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" var arr2 = new Array(3) arr2[0] = "James" arr2[1] = "Adrew" arr2[2] = "Martin" document.write(arr.concat(arr2)) </script> </body> </html> ``` [用數組的元素組成字符串 - join()](/tiy/t.asp?f=jseg_join) 如何使用 join() 方法將數組的所有元素組成一個字符串。 ``` <html> <body> <script type="text/javascript"> var arr = new Array(3); arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr.join()); document.write("<br />"); document.write(arr.join(".")); </script> </body> </html> ``` [文字數組 - sort()](/tiy/t.asp?f=jseg_sort_1) 如何使用 sort() 方法從字面上對數組進行排序。 ``` <html> <body> <script type="text/javascript"> var arr = new Array(6) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" arr[3] = "James" arr[4] = "Adrew" arr[5] = "Martin" document.write(arr + "<br />") document.write(arr.sort()) </script> </body> </html> ``` [數字數組 - sort()](/tiy/t.asp?f=jseg_sort_2) 如何使用 sort() 方法從數值上對數組進行排序。 ``` <html> <body> <script type="text/javascript"> function sortNumber(a, b) { return a - b } var arr = new Array(6) arr[0] = "10" arr[1] = "5" arr[2] = "40" arr[3] = "25" arr[4] = "1000" arr[5] = "1" document.write(arr + "<br />") document.write(arr.sort(sortNumber)) </script> </body> </html> ``` ## 完整的 Array 對象參考手冊我們提供 [JavaScript Array 對象參考手冊](/jsref/jsref_obj_array.asp)，其中包括所有可用于數組對象的屬性和方法。該手冊包含了對每個屬性和方法的詳細描述以及相關實例。 ## 定義數組數組對象用來在單獨的變量名中存儲一系列的值。我們使用關鍵詞 new 來創建數組對象。下面的代碼定義了一個名為 myArray 的數組對象： ``` var myArray=new Array() ``` 有兩種向數組賦值的方法（你可以添加任意多的值，就像你可以定義你需要的任意多的變量一樣）。 ### 1: ``` var mycars=`new Array()` mycars[0]="Saab" mycars[1]="Volvo" mycars[2]="BMW" ``` 也可以使用一個整數自變量來控制數組的容量： ``` var mycars=`new Array(3)` mycars[0]="Saab" mycars[1]="Volvo" mycars[2]="BMW" ``` ### 2: ``` var mycars=`new Array("Saab","Volvo","BMW")` ``` 注意：如果你需要在數組內指定數值或者邏輯值，那么變量類型應該是數值變量或者布爾變量，而不是字符變量。 ## 訪問數組通過指定數組名以及索引號碼，你可以訪問某個特定的元素。下面是代碼行： ``` document.write(mycars[0]) ``` 下面是輸出： ``` Saab ``` ## 修改已有數組中的值如需修改已有數組中的值，只要向指定下標號添加一個新值即可： ``` mycars[0]="Opel"; ``` 現在，以上代碼： ``` document.write(mycars[0]); ``` 將輸出： ``` Opel ```