講到數組會有人問,什么是數組?數組就是有序數據的集合,在JavaScript中的數組元素允許屬于不同的數據類型,用數組名和下標就可以唯一地確定數組中的元素。接下來將會詳細的講解一下JavaScript數組對象。
創(chuàng)建數組對象
數組是具有相同數據類型的變量集合,這些變量都可以通過檢索進行訪問。數組中的變量稱為數組的元素,數組能夠容納元素的數量稱為數組的長度。數組中的每一個元素都具有唯一的索引(下標)與其相對應,在JavaScript中,數組的索引從零開始。
數組對象使用Array,新建數組對象有三種方法。
方法一:var 數組名 = new Date();//新建一個長度為0的數組
方法二:var 數組名 = new Date(n);//新建一個長度為n的數組
方法三:var 數組名 = new Date(元素1,元素2,元素3,…);//新建一個指定長度的數組并賦值
數組對象屬性的應用
在JavaScript中數組對象的屬性主要有三個:
constructor:返回對創(chuàng)建對象的數據函數的引用;
length:設置或返回數組中的元素的數目;
prototype:使開發(fā)者有能力向對象添加屬性和方法
1.constructor
constructor屬性返回對創(chuàng)建對象的數據函數的引用,其語法格式如下:
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 團隊
微信號:算法與編程之美