Javascript 数组(Array)操作示例

发布时间:2021-01-14编辑:脚本学堂
本文介绍下,有关javacript数组操作的一些例子,有需要的朋友作个参考。

在之前的javascript 数组(Array)基础一文中,介绍了有关Array 数组对象的一些方法和属性。

本文介绍的内容,从具体的操作方面来更进一步熟悉一些Array对象。

Javascript的Array是一个非常灵活的对象。

例子:
 

复制代码 代码示例:
<script>
//array对像灵活性
var numArray = [];  //创建Array对象
numArray[numArray.length] = 1;  //为数组添加元素
numArray[numArray.length] = 2;  //第二个元素
numArray[numArray.length] = 3;  //第三个元素
alert(numArray[2]); //使用下标访问数组元素,输出第三个元素
numArray.splice(1, 1);  //删除第二个元素
for (var i = 0; i < numArray.length; i++) { //遍历数组所有元素
    alert(numArray[i]);
}
</script>

代码说明:
以上几乎包含了对数据对象的所有操作:
创建数组、添加元素、数组元素访问、删除元素和遍历数组所有元素。

javascript数组的用法,就是如此灵活:
使用中括号来定义一个Array对象,使用下标赋值和访问元素,使用splice()方法删除数组元素。

length 属性
很多编程语言中数组的length属性是只读的,不能在代码中直接赋值。
注意了,javascript中的数据可以直接赋值。
例如:
 

复制代码 代码示例:
<script>
var numArray = [];
numArray.length = 5;    //将数组的长度定义为5
for (var i = 0; i < numArray.length; i++) {
    alert(numArray[i]);
}
</script>

代码说明:
以上代码中,将numArray数组的长度直接的定义为5,然后对数组进行遍历。
此时数组中的每个元素都是undefined,因为只指定了长度,却没有为数组中的元素赋值。

若数组中已存在了5个元素,而将数组的长度指定为3,此时会得到什么样的结果呢?
来看下面这个例子:
 

复制代码 代码示例:
<script>
var numArray = [];
for (var i = 0; i < 5; i++) {   //添加5个元素
    numArray[i] = i;
}
numArray.length = 3;    //将数组的长度定义为5
for (var i = 0; i < numArray.length; i++) {
    alert(numArray[i]);
} //by www.jb200.com
<script>

代码说明:
先是使用for循环为数组添加了5个元素,且每个元素的值与他们的下标相同。
然后,将数组的长度赋值为3,此时数组的后面两个元素会被删除,只留下前三个元素。
再遍历数组的话,则只会弹出三个对话框了。

本节介绍了javascript数组对象的几个例子,尤其是length属性,更是体现了javascript数组操作的灵活性。
希望对大家有所帮助。