数组就是由许多名称相同的变量聚集在一起,数组的用法和普通变量是完全一样的,它也可以存入任何数据类型,唯一的不同点是它在内存中占据的是一块连续的空间,您可以依序给它们编号,再依编号来使用它们。数组的好处在于它可以一次声明和使用多个变量。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数组用法详解,供大家查阅
ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数,这意味着这些函数作为任何数组的方法都是可用的。 1、Array.join()方法 Array.join()方法将数组中所有元素都转化为字符串并连接在一起,返回最后...
在JavaScript中,数组可以使用正式的对象表示法来创建,或者可以使用直接量表示法来初始化。 代码如下: var arrObject = new Array(“val1”, “val2”); // 作为对象的数组 var arrLiteral = [“val1”, “val2”]...
主要介绍了详解JavaScript中数组和字符串的lastIndexOf()方法使用,文中特别提及了IE8的兼容问题以及for in的使用问题,需要的朋友可以参考下
数组(Array)和对象(Object)应该是JavaScript中使用最多也是最频繁的两种类型了,Array提供了很多常用的方法:栈方法、队列方法、重排序方法、操作方法、位置方法、迭代方法等等。 1、Array的栈方法 栈是一种LIFO...
JavaScript中arguments的使用方法详解 js这是一门弱语言,不像其他语言如c,java等,有严格的规范, 所以现在也流传着一种说法,js本来就不是一种语言; 说回arguments,它是js中函数内置的一个对象,而执行函数...
主要介绍了Javascript数组与字典用法,以实例形式较为详细的分析了Array作为数组与字典的不同用法,具有一定的参考借鉴价值,需要的朋友可以参考下
JS数组降维的几种方法详解 二维数组降维 使用数组实例方法concat和ES6扩展运算符降维 let arr=[1,2,[3,4],5]; let arr1=[].concat(...arr); //先使用扩展运算符打散最外边的数组,concat自带打散粘合数组的...
JavaScript数组some()方法测试数组中的某个元素是否通过由提供的功能来实现测试。 语法 array.some(callback[, thisObject]); 下面是参数的详细信息: callback : 函数用来测试每个元素。 thisObject : 对象作为...
例如: >a=[] [] >a.push(2.3.4) 3 >a.push(2) 3 >a [2.3.4.2] >a.shift() 2 >a >[3.4.2] 数组与forEach 对数组的删除操作有两种常见方式:delete和使用splice方法,需要明确他们的区别。 splice
JavaScript中我们经常会遇到拷贝数组的场景,但是都有哪些方式能够来实现呢,我们不妨来梳理一下。 1、扩展运算符(浅拷贝) 自从ES6出现以来,这已经成为最流行的方法。它是一个很简单的语法,但是当你在使用类似...
主要介绍了JavaScript数组特性与实践应用,较为深入而详细的分析了javascript数组的功能、属性、使用方法及操作注意事项,需要的朋友可以参考下
JavaScript中数组排序的方法有两个reverse()和sort()。 reverse()方法会反转数组项的顺序: var arr = [1,2,3,4,5]; arr.reverse(); alert(arr); //5,4,3,2,1 sort()方法会按照字符串升序排列数组项...
详解JS中的reduce fold unfold用法 目录 fold(reduce)使用for...of使用while循环更像fold的实现unfold数组实现生成器实现unfold实现总结 fold(reduce) 使用for...of使用while循环更像fold的实现 使用for.....
JavaScript中的splice主要用来对js中的数组进行操作,包括删除,添加,替换等。这篇文章主要介绍了JavaScript中的splice方法用法详解的相关资料,需要的朋友可以参考下
数组对象的作用是:使用单独的变量名来存储一系列的值。 创建数组, 为其赋值: 实例 var mycars = new Array(); mycars[0] = Saab; mycars[1] = Volvo; mycars[2] = BMW; 什么是数组? 数组对象是使用单独的变量名...
数组在JavaScript中经常使用,如何对数组进行增删改非常重要,下面为数组的常用方法: 在数组末尾插入元素 arr.push(value),在数组的末尾添加一个或多个元素,并返回数组的新长度。 例如: let arr=[1,2,3,4,5] ...
数组对象用来在单独的变量名中存储一系列的值。我们使用关键词 new 来创建数组对象。有两种向数组赋值的方法,也可以使用一个整数自变量来控制数组的容量
1.4 JavaScript及其在Web页面中的位置 3 1.5 Ajax是什么 5 1.6 JavaScript是什么样子的 6 1.7 JavaScript及其在Web开发中承担的角色 7 1.8 JavaScript和事件 9 1.9 标准化JavaScript和W3C 11 1.9.1 ...