天天看點

JavaScript|數組對象

講到數組會有人問,什麼是數組?數組就是有序資料的集合,在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>

顯示結果:

JavaScript|數組對象

圖1 數組對象的constructor屬性結果

2. length

Length傳回數組元素中元素的數目,其文法格式如下:

arrayObject.length;

              <meta  charset="UTF-8">

            <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>    

JavaScript|數組對象

圖2 數組對象的length屬性結果

3.prototype

Prototype屬性可以對對象田間屬性和方法。其文法格式如下:

Object,prototype.name = value;

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("");

JavaScript|數組對象

圖3 數組對象的prototype屬性結果

數組對象常用方法

在JavaScript中,有大量的數組常用的操作方法,比如合并數組、删除數組元素、添加數組元素等。隻有不斷地運用這些方法才能熟練的掌握。在這裡給大家展示一下數組對象方法表,可幫助大家快速查找需要用到的方法。

方法

描述

concat()

連接配接兩個或更多的數組,并傳回結果。

pop()

删除并傳回數組的最後一個元素

join()

把數組的所有元素放入一個字元串。元素通過指定的分隔符進行分隔

push()

向數組的末尾添加一個或更多元素,并傳回新的長度。

reverse()

颠倒數組中元素的順序。

slice()

從某個已有的數組傳回標明的元素

shift()

删除并傳回數組的第一個元素

sort()

對數組的元素進行排序

splice()

删除元素,并向數組添加新元素

toString()

把數組轉換為字元串,并傳回結果

toSource()

傳回該對象的源代碼

toLocaleString()

把數組轉換為本地數組,并傳回結果

unshift()

向數組的開頭添加一個或更多元素,并傳回新的長度

valueOf()

傳回數組對象的原始值

結語

JavaScript中數組可以用一個變量名存儲所有的值,并且可以用變量名通路任何一個值。因為數組中的每個元素都有自己的的ID,可以友善它可以很容易地被通路到,是以學會數組對象的屬性和常用方法,可以減少查找資料和儲存資料的工作量。

END

JavaScript|數組對象