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 ```