JavaScript数组实例教程

数组就是由许多名称相同的变量聚集在一起，数组的用法和普通变量是完全一样的，它也可以存入任何数据类型，唯一的不同点是它在内存中占据的是一块连续的空间，您可以依序给它们编号，再依编号来使用它们。前一篇文章[Javascript数组的使用]是网上主要介绍js数组使用的，本文通过实例的方式介绍了js数组的强大功能及使用方法.

数组就是由许多名称相同的变量聚集在一起，数组的用法和普通变量是完全一样的，它也可以存入任何数据类型，唯一的不同点是它在内存中占据的是一块连续的空间，您可以依序给它们编号，再依编号来使用它们。数组的好处在于它可以一次声明和使用多个变量。Javascript数组的使用方法和Vbscript有所不同，使用的时候要用中括号“[]”括起来，不同的变量中间用逗号“,”隔开。
var 数组名;
数组名 = [1,.....,n];
例：我要定义一个数组“fruit”，它要包含三种水果“西瓜”、“苹果”、“香蕉”，我们就要这样写：

var fruit;
fruit = ["西瓜","苹果","香蕉"]; //给数组内三种水果赋值

这时“fruit[0]”就是“西瓜”，“fruit[1]”就是“苹果”，“fruit[2]”就是“香蕉”，“fruit”就是“西瓜,苹果,香蕉”。（Javascript会从“0”开始计数，这个原则一定要记住。）
如果您要重新给数组内变量赋值，如将“苹果”改成“草霉”就要这样写：
fruit = ["西瓜","苹果","草霉"]; //重新给数组“fruit”内的变量赋值
因为数组内的变量“fruit[0]”、“fruit[2]”不变，你也可以这样写：
fruit = [fruit[0],fruit[1],”草霉”]; //更改“fruit”数组内的变量“fruit[2]”为“草霉”
注意：即使变量“fruit[0]”、“fruit[2]”的值不更改，但也一定要写上，不然就会丢失原来的值变成“undefined”。
其实数组的变量并不需要都写出来，如果您将这个数组写成这样：
var fruit;
fruit = ["西瓜", ,"草霉"]; //给数组内三种水果赋值
这时“fruit[0]”就是“西瓜”，“fruit[1]”就是“undefined”，“fruit[2]”就是“草霉”，“fruit”就是“西瓜,,草霉”。
如果您将这个数组写成这样：
var fruit;
fruit = ["西瓜","香蕉", ,]; //给数组内四种水果赋值
这时数组内有四个变量“fruit[0]”就是“西瓜”，“fruit[1]”就是“草霉”，“fruit[2]”就是“undefined”，“fruit[3]”就是“undefined”，“fruit”就是“西瓜,草霉,,”。
以下举个例子：

注：Javascript数组与Vbscript的数组不单在语法上不同，在使用时也有众多不同之处，请注意区分。

一、建立数组对象

我们再介绍Javascript的数组对象的建立方法。（其实这种方法和前面的方法在本质上是一样的，只是在语句的写法上有所区别，上面的方法在程序很短的时使用比较简洁，在一般情况下我还是建议您用以下方法建立数组对象。）建立数组对象的语法有两种：
1、在声明数组时仅仅声明数组内有几个组件。
var 数组对象名称 = new Array(组件个数);
fruit = new Array(3); //声明名为fruit的数组，共有三个组件，这就相当于一次声明了三个变量
然后必须另行准备几行程序代码，代序将变量值填入。
fruit[0] = “西瓜”;
fruit[1] = “苹果”;
fruit[2] = “香蕉”;
2、声明时直接给定所有数组组件，彼此之间用逗号隔开，用小括号括起来，组件个数就是数组长度。
var 数组对象名称 = new Array(组件一……,组件N);
var fruit = new Array(“西瓜”,”苹果”,”香蕉”);
注：在一般语言中数组内的组件必须是相同类型的值，但是在Javascript当中可以将不同类型的数据放入数组中。

二、数组对象的属性

Javascript为数组对象提供以下几种属性：
使用格式：
数组对象名称.属性

序 属性名称 使用说明
1 constructor 指定建立地象原型（prototype）函数
2 index 代表数组组件的索引值
3 input 代表规则表达式中的字符串。
4 length 取得数组长度（数组组件个数）。
5 prototype 用以建立自定义的对象属性

三、数组对象的方法

Javascript为数组对象提供以下多种方法：
使用格式：
数组对象名称.方法(参数)

序 方法名称 使用说明
1 concat(数组1,数组2,…,数组N) 将多个数组结合成一个新的数组
2 join(分隔字符) 将数组结合成一个字符串，用特定字符来分开
3 pop() 将数组内最后一个组件删除，并返回该组件内容
4 push(组件1,组件2,…,组件N) 将一个或多个组件补在数组最后面，并返回最后一个组件内容
5 reverse() 将数组内所有组件的索引次序反转（Transpose）
第一个组件变成最后一个，最后一个组件则拿到最前面
6 shift() 将数组内第一个组件删除，并返回该组件内容
7 slice(开始索引,结束索引) 将数组内容转入一个新的数杉
8 sort() 将数组内容排序
9 splice() 增加或删除数组组件
10 toSource() 返回代表特定数组的数组常数，可以用来建立新的数组
11 toString() 以字符串来表示该数组及其组件
12 unshift(组件1,组件2,…,组件N) 将一个或多个组件补在数组最前面，并返回最后数组长度
13 valueOf() 取得数组值

注：其中有些方法，例如：push、shift、unshift……在有些版本的IE浏览器还不支持，使用时应特别注意。

举例：

三、二维数组

Javascript的数组对象其实只是一维的结构，但是我们可以利用对一维数组的进一步设计与利用，将数组放进数组当中，让数组内的组件也是数组，就构成Javascript的二维数组了。不过二维数组在使用上容易发生错误，所以我们这里只介绍一下它的概念，并不推荐使用