讲到数组会有人问,什么是数组?数组就是有序数据的集合,在JavaScript中的数组元素允许属于不同的数据类型,用数组名和下标就可以唯一地确定数组中的元素。接下来将会详细的讲解一下JavaScript数组对象。
创建数组对象
数组是具有相同数据类型的变量集合,这些变量都可以通过检索进行访问。数组中的变量称为数组的元素,数组能够容纳元素的数量称为数组的长度。数组中的每一个元素都具有唯一的索引(下标)与其相对应,在JavaScript中,数组的索引从零开始。
数组对象使用Array,新建数组对象有三种方法。
方法一:var 数组名 = new Date();//新建一个长度为0的数组 方法二:var 数组名 = new Date(n);//新建一个长度为n的数组 方法三:var 数组名 = new Date(元素1,元素2,元素3,…);//新建一个指定长度的数组并赋值 |
---|
数组对象属性的应用
在JavaScript中数组对象的属性主要有三个:
constructor:返回对创建对象的数据函数的引用; |
---|
length:设置或返回数组中的元素的数目; |
prototype:使开发者有能力向对象添加属性和方法 |
1.constructor
constructor属性返回对创建对象的数据函数的引用,其语法格式如下:
object. constructor; |
---|
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数组对象的学习</title>
</head>
<body>
<script type="text/javascript">
var myArray1 = new Array();
if(myArray1.constructor==Array){
document.write("这是数组对象");
}
if(myArray1.constructor==Boolean){
document.write("这是布尔对象");
}
if(myArray1.constructor==Date){
document.write("这是日期对象");
}
if(myArray1.constructor==String){
document.write("这是字符串对象");
}
</script>
</body>
</html>
显示结果:
图1 数组对象的constructor属性结果
2. length
Length返回数组元素中元素的数目,其语法格式如下:
arrayObject.length; |
---|
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数组对象的学习</title>
</head>
<body>
<script type="text/javascript">
var arr = new Array(3);
arr[0] = "xiaozhan"
arr[1] = "zhangyunlei"
arr[2] = "zhangjie"
document.write("数组的长度:" + arr.length);
document.write("<br />");
arr.length=5;
document.write("设置之后的长度:" + arr.length);
</script>
</body>
</html>
显示结果:
图2 数组对象的length属性结果
3.prototype
Prototype属性可以对对象田间属性和方法。其语法格式如下:
Object,prototype.name = value; |
---|
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>数组对象的学习</title>
</head>
<body>
<script type="text/javascript">
Array.prototype.outAll = function(ar){
for(var i=0;i<this.length;i++){
document.write(this[i]);
document.write(ar);
}
document.write("<br>");
}
var arr = new Array(1,2,3,4,5,6,7,8,9);
arr.outAll("");
</script>
</body>
</html>
显示结果:
图3 数组对象的prototype属性结果
数组对象常用方法
在JavaScript中,有大量的数组常用的操作方法,比如合并数组、删除数组元素、添加数组元素等。只有不断地运用这些方法才能熟练的掌握。在这里给大家展示一下数组对象方法表,可帮助大家快速查找需要用到的方法。
方法 | 描述 |
---|---|
concat() | 连接两个或更多的数组,并返回结果。 |
pop() | 删除并返回数组的最后一个元素 |
join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔 |
push() | 向数组的末尾添加一个或更多元素,并返回新的长度。 |
reverse() | 颠倒数组中元素的顺序。 |
slice() | 从某个已有的数组返回选定的元素 |
shift() | 删除并返回数组的第一个元素 |
sort() | 对数组的元素进行排序 |
splice() | 删除元素,并向数组添加新元素 |
toString() | 把数组转换为字符串,并返回结果 |
toSource() | 返回该对象的源代码 |
toLocaleString() | 把数组转换为本地数组,并返回结果 |
unshift() | 向数组的开头添加一个或更多元素,并返回新的长度 |
valueOf() | 返回数组对象的原始值 |
结语
JavaScript中数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。因为数组中的每个元素都有自己的的ID,可以方便它可以很容易地被访问到,所以学会数组对象的属性和常用方法,可以减少查找数据和储存数据的工作量。
END
主 编 | 王楠岚
责 编 | 程 才
where2go 团队