Javascript 数组(Array)操作示例
在之前的JavaScript 数组(Array)基础一文中,介绍了有关Array 数组对象的一些方法和属性。
本文介绍的内容,从具体的操作方面来更进一步熟悉一些Array对象。
Javascript的Array是一个非常灵活的对象。
例子:
//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中的数据可以直接赋值。
例如:
var numArray = [];
numArray.length = 5; //将数组的长度定义为5
for (var i = 0; i < numArray.length; i++) {
alert(numArray[i]);
}
</script>
代码说明:
以上代码中,将numArray数组的长度直接的定义为5,然后对数组进行遍历。
此时数组中的每个元素都是undefined,因为只指定了长度,却没有为数组中的元素赋值。
若数组中已存在了5个元素,而将数组的长度指定为3,此时会得到什么样的结果呢?
来看下面这个例子:
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.jiaochengji.com
<script>
代码说明:
先是使用for循环为数组添加了5个元素,且每个元素的值与他们的下标相同。
然后,将数组的长度赋值为3,此时数组的后面两个元素会被删除,只留下前三个元素。
再遍历数组的话,则只会弹出三个对话框了。
本节介绍了javascript数组对象的几个例子,尤其是length属性,更是体现了javascript数组操作的灵活性。
希望对大家有所帮助。
您可能感兴趣的文章:
Js取数组最大和最小值的例子
学习JavaScript 创建数组的方法
Javascript 数组(Array)操作示例
Javascript 数组中插入元素和删除元素的方法
javascript数组使用入门
shell数组操作实例详解
php数组实例之数组键值和值操作
php根据分类合并数组的方法
js 删除数组中重复元素的方法分享
JavaScript数组Array对象学习