当前位置:首页 > 关于JavaScript 数组

关于JavaScript 数组

点击次数:1430  更新日期:2011-01-04
\n

在JavaScript中,创建一个数组可以使用 new Array,如下三种语法都是正确的:


\n

arrayObj = new Array() 创建一个数组


\n

arrayObj = new Array([size]) 创建一个数组并指定长度,注意不是上限,是长度


\n

arrayObj = new Array([element0[, element1[, ...[, elementN]]]]) 创建一个数组并赋值


\n

要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。


\n


\n

——————————————————————————–
new Array(5) 是指创建一个长度为5的数组还是创建一个元素值为5的数组?创建一个长度为5的数组。


\n

数组下标是从0开始还是从1开始?从0开始,所以数组的上限等于数组的长度-1。


\n

数组下标的最大值是多少?2的32次方再减2,即4294967295,大约40亿,够用吧。


\n

数组下标为小数时会自动取整吗?不会,将忽略或发生运行时错误。


\n

支持多维数组吗?不支持!不过可以将数组的每个元素再定义为数组,以达到多维数组的目的。


\n

如何访问数组元素?使用“[]”,比如数组名为arr,要访问第一个元素,就使用arr[0]。


\n

——————————————————————————–
JavaScript数组 (JScript 版本 2)共有3个属性、13个方法。3个属性中只有length是比较重要的 ,但比较简单,另外 constructor 与 prototype 属性是 object 共有的且不常用,所以对 Array 属性不作介绍,而对Array的13个方法分组介绍,便于记忆。
pop 与 push:pop 移除最后一个元素并返回该元素值;push([item1 [item2 [. . . [itemN ]]]])将一个或多个新元素添加到数组结尾,并返回数组新长度,如果添加的是数组则先用逗号将该数组的各元素连接起来再添加。
shift 与 unshift:分别对应于 pop 和 push,只是这是在数组的开始位置进行。注意当从开始位置移除或添加元素时,会将数组中的元素前移或后移。
slice 与 splice:slice(start, [end])以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素;splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])移除数组一个或多个元素,如果必要,在所移除元素的位置上插入新元素,数组形式返回所移除的元素,如果插入的是数组,则只插入数组的第一个元素。
reverse 与 sort:reverse() 反转元素(最前的排到最后、最后的排到最前),并且返回数组地址;sort()对数组排序并且返回数组地址。
concat 与 join:concat 将多个数组(也可以是字符串)连接为一个数组;join(separator)返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用。
——————————————————————————–


\n

删除数组元素


\n

曾经看到一篇文章,说删除数组中某一元素的步骤应该这样:
1、delete
2、元素前移
3、重设数组length


\n

其实使用数组方法splice可以一步完成。
arrayObject.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])


\n

start 要删除的开始位置


\n

deleteCount 要删除的个数


\n

item1, item2, . . ., itemN 如果指定此值,可以在删除的位置插入元素。如果插入的是数组,则只取第一个元素。


\n


\n


——————————————————————————–

\n

拷贝数组


\n

有时候需要将一个数组的值赋给另一个,使用如下代码:


\n

<script type=”text/javascript” language=”javascript”>
<!–
var oArr = new Array(“a”, “b”, “c”);
var dArr = oArr;
dArr[0] = “A”;
document.write(oArr[0]);
//–>
</script>


\n

但我们发现在修改dArr数组值时,oArr数组值也就改变了,所以说上述并不是拷贝数组,而是使两个Array对象指向同一个地址。


\n

有人说一个元素一个元素地赋值,其实有更好的方法,使用concat方法,如下:
<script type=”text/javascript” language=”javascript”>
<!–
var oArr = new Array(“a”, “b”, “c”);
var dArr = new Array;
dArr = oArr.concat();
dArr[0] = “A”;


\n

document.write(dArr[2]); //显示c
document.write(oArr[0]); //显示a
document.write(dArr[0]); //显示A
//–>
</script>


\n

concat(注意其写法)是将一个或多个数组合成,并返回一个新的数组,concat的参数个数是不限的。另外slice也是可以的。

\n

——————————————————————————–


\n


认识 JavaScript 数组对象的 length 属性


\n


数组对象仅有一个属性,这个属性就是length,它表示数组的长度,即其中元素的个数。因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。和其他大多数语言不同的是,JavaScript数组的length属性是可变的,这一点需要特别注意。当length属性被设置得更大时,整个数组的状态事实上不会发生变化,仅仅是length属性变大;当length属性被设置得比原来小时,则原先数组中索引大于或等于length的元素的值全部被丢失。下面是演示改变length属性的例子:


\n

var arr=[12,23,5,3,25,98,76,54,56,76];
//定义了一个包含10个数字的数组
alert(arr.length); //显示数组的长度10
arr.length=12; //增大数组的长度
alert(arr.length); //显示数组的长度已经变为12


\n

alert(arr[8]); //显示第9个元素的值,为56
arr.length=5; //将数组的长度减少到5,索引等于或超过5的元素被丢弃
alert(arr[8]); //显示第9个元素已经变为”undefined”
arr.length=10; //将数组长度恢复为10
alert(arr[8]); //虽然长度被恢复为10,但第9个元素却无法收回,显示”undefined”
由上面的代码我们可以清楚的看到length属性的性质。但length对象不仅可以显式的设置,它也有可能被隐式修改。JavaScript中可以使用一个未声明过的变量,同样,也可以使用一个未定义的数组元素(指索引超过或等于length的元素),这时,length属性的值将被设置为所使用元素索引的值加1。例如下面的代码:


\n


var arr=[12,23,5,3,25,98,76,54,56,76];
alert(arr.length);
arr[15]=34;
alert(arr.length);


\n

代码中同样是先定义了一个包含10个数字的数组,通过alert语句可以看出其长度为10。随后使用了索引为15的元素,将其赋值为15,即arr[15]=34,这时再用alert语句输出数组的长度,得到的是16。无论如何,对于习惯于强类型编程的开发人员来说,这是一个很令人惊讶的特性。事实上,使用new Array()形式创建的数组,其初始长度就是为0,正是对其中未定义元素的操作,才使数组的长度发生变化。


\n

由上面的介绍可以看到,length属性是如此的神奇,利用它可以方便的增加或者减少数组的容量。因此对length属性的深入了解,有助于在开发过程中灵活运用。


\n

来源:网络

\n