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”就是“西瓜,草霉,,”。
以下举个例子:

<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的二维数组了。不过二维数组在使用上容易发生错误,所以我们这里只介绍一下它的概念,并不推荐使用


以上就是JavaScript数组实例教程的内容,更多相关内容请关注龙方网络(www.yzlfxy.com)!

郑重声明:本文版权包含图片归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(delete@yzlfxy.com)修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

留言与评论(共有 0 条评论)
昵称:
匿名发表
   
验证码: