|
講到數組會有人問，什么是數組？數組就是有序數據的集合，在JavaScript中的數組元素允許屬于不同的數據類型，用數組名和下標就可以唯一地確定數組中的元素。接下來將會詳細的講解一下JavaScript數組對象。
數組是具有相同數據類型的變量集合，這些變量都可以通過檢索進行訪問。數組中的變量稱為數組的元素，數組能夠容納元素的數量稱為數組的長度。數組中的每一個元素都具有唯一的索引（下標）與其相對應，在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)建對象的數據函數的引用，其語法格式如下： 示例： <!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返回數組元素中元素的數目，其語法格式如下： 示例： <!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，可以方便它可以很容易地被訪問到，所以學會數組對象的屬性和常用方法，可以減少查找數據和儲存數據的工作量。 主 編 | 王楠嵐 責 編 | 程 才
|
