讲到数组会有人问，什么是数组？数组就是有序数据的集合，在JavaScript中的数组元素允许属于不同的数据类型，用数组名和下标就可以唯一地确定数组中的元素。接下来将会详细的讲解一下JavaScript数组对象。
创建数组对象
数组是具有相同数据类型的变量集合，这些变量都可以通过检索进行访问。数组中的变量称为数组的元素，数组能够容纳元素的数量称为数组的长度。数组中的每一个元素都具有唯一的索引（下标）与其相对应，在JavaScript中，数组的索引从零开始。
数组对象使用Array，新建数组对象有三种方法。
方法一：var 数组名 = new Date()；//新建一个长度为0的数组 方法二：var 数组名 = new Date(n)；//新建一个长度为n的数组 方法三：var 数组名 = new Date(元素1,元素2,元素3,…)；//新建一个指定长度的数组并赋值 |
数组对象属性的应用
在JavaScript中数组对象的属性主要有三个：
constructor：返回对创建对象的数据函数的引用； |
length：设置或返回数组中的元素的数目； |
prototype：使开发者有能力向对象添加属性和方法 |
1.constructor
constructor属性返回对创建对象的数据函数的引用，其语法格式如下：
object. constructor; |
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>数组对象的学习</title> </head> <body> <script type="text/javascript"> var myArray1 = new Array(); if(myArray1.constructor==Array){ document.write("这是数组对象"); } if(myArray1.constructor==Boolean){ document.write("这是布尔对象"); } if(myArray1.constructor==Date){ document.write("这是日期对象"); } if(myArray1.constructor==String){ document.write("这是字符串对象"); } </script> </body> </html> |
显示结果：
图1 数组对象的constructor属性结果
2. length
Length返回数组元素中元素的数目，其语法格式如下：
arrayObject.length; |
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>数组对象的学习</title> </head> <body> <script type="text/javascript"> var arr = new Array(3); arr[0] = "xiaozhan" arr[1] = "zhangyunlei" arr[2] = "zhangjie" document.write("数组的长度：" + arr.length); document.write("<br />"); arr.length=5; document.write("设置之后的长度：" + arr.length); </script> </body> </html> |
显示结果：
图2 数组对象的length属性结果
3.prototype
Prototype属性可以对对象田间属性和方法。其语法格式如下：
Object,prototype.name = value; |
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>数组对象的学习</title> </head> <body> <script type="text/javascript"> Array.prototype.outAll = function(ar){ for(var i=0;i<this.length;i++){ document.write(this[i]); document.write(ar); } document.write("<br>"); } var arr = new Array(1,2,3,4,5,6,7,8,9); arr.outAll(""); </script> </body> </html> |
显示结果：
图3 数组对象的prototype属性结果
数组对象常用方法
在JavaScript中，有大量的数组常用的操作方法，比如合并数组、删除数组元素、添加数组元素等。只有不断地运用这些方法才能熟练的掌握。在这里给大家展示一下数组对象方法表，可帮助大家快速查找需要用到的方法。
方法 |
描述 |
concat() |
连接两个或更多的数组，并返回结果。 |
pop() |
删除并返回数组的最后一个元素 |
join() |
把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔 |
push() |
向数组的末尾添加一个或更多元素，并返回新的长度。 |
reverse() |
颠倒数组中元素的顺序。 |
slice() |
从某个已有的数组返回选定的元素 |
shift() |
删除并返回数组的第一个元素 |
sort() |
对数组的元素进行排序 |
splice() |
删除元素，并向数组添加新元素 |
toString() |
把数组转换为字符串，并返回结果 |
toSource() |
返回该对象的源代码 |
toLocaleString() |
把数组转换为本地数组，并返回结果 |
unshift() |
向数组的开头添加一个或更多元素，并返回新的长度 |
valueOf() |
返回数组对象的原始值 |
结语
JavaScript中数组可以用一个变量名存储所有的值，并且可以用变量名访问任何一个值。因为数组中的每个元素都有自己的的ID，可以方便它可以很容易地被访问到，所以学会数组对象的属性和常用方法，可以减少查找数据和储存数据的工作量。
