Javascript中的数组用法详解

         数组就是由许多名称相同的变量聚集在一起，数组的用法和普通变量是完全一样的，它也可以存入任何数据类型，唯一的不同点是它在内存中占据的是一块连续的空间，您可以依序给它们编号，再依编号来使用它们。数组的好处在于它可以一次声明和使用多个变量。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”就是“西瓜,草霉,,”。

以下举个例子：

<Script Language = "JAVAScript">
<!--
    var fruit;    //声明数组（变量）
    fruit = ["西瓜","香蕉","苹果"];    //给数组内三种水果赋值
    //第一次显示数组“fruit”的3个变量内容，<br>是换行符
    document.write(fruit[0] + "<br>" + fruit[1] + "<br>" + fruit[2] + "<br>" + fruit);
    document.write("<hr>");    //插入水平线做为分隔线
    fruit = [fruit[0],fruit[1],"草霉"];    //更改“fruit”数组内的变量“fruit[2]”为“草霉”
    //第二次显示数组“fruit”的3个变量内容，<br>是换行符
    document.write(fruit[0] + "<br>" + fruit[1] + "<br>" + fruit[2] + "<br>" + fruit);
    document.write("<hr>");     //插入水平线做为分隔线
    fruit = ["西瓜", ,"草霉"];    //重新给数组“fruit”内的变量赋值
    //第三次显示数组“fruit”的3个变量内容，<br>是换行符
    document.write(fruit[0] + "<br>" + fruit[1] + "<br>" + fruit[2] + "<br>" + fruit);
    document.write("<hr>");    //插入水平线做为分隔线
    fruit = ["西瓜","香蕉", ,];    //重新给数组“fruit”内的变量赋值，使数组增长到4个变量
    //第四次显示数组“fruit”的4个变量内容，<br>是换行符
    document.write(fruit[0] + "<br>" + fruit[1] + "<br>" + fruit[2] + "<br>" + fruit[3] + "<br>" + fruit);
    document.write("<hr>");    //插入水平线做为分隔线
-->
</Script>
 
 
 
注：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浏览器还不支持，使用时应特别注意。
  
举例：

<Script language = "JAVAScript">
<!--
    var fruit = new Array("西瓜","香蕉","苹果");    //声明数组并给数组内三种水果赋值
    //第一次显示数组“fruit”的3个变量内容，<br>是换行符
    document.write(fruit[0] + "<br>" + fruit[1] + "<br>" + fruit[2] + "<br>" + fruit);
    document.write("<hr>");    //插入水平线做为分隔线
    //第二次显示数组，<hr>是插入水平线做为分隔线
    with (document)    {
    write(fruit.reverse() + "<hr>");    //将数组反转
    write(fruit.join("、") + "<hr>");    //将数组结合成一个字符串，用“、”分开
    write(fruit.sort() + "<hr>");    //将数组内容排序
    write(fruit.length + "<hr>");    //计算出数组的长度
    }
-->
</Script>
 
 
 
三、二维数组
 
      JAVAScript的数组对象其实只是一维的结构，但是我们可以利用对一维数组的进一步设计与利用，将数组放进数组当中，让数组内的组件也是数组，就构成JAVAScript的二维数组了。不过二维数组在使用上容易发生错误，所以我们这里只介绍一下它的概念，并不推荐使用。