DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js對象之JS入門之Array對象操作小結
js對象之JS入門之Array對象操作小結
編輯:關於JavaScript     
不過在學腳本prototype.js的過程中發現有些方法我們很少用到,但是有些方法好像很經典,腳本庫在不斷的加大,眼前一片...繼續我們JS入門,今天學習一下Array數組。

首先我們來看看它的定義:

復制代碼 代碼如下:
var arrayObj = new Array()
var arrayObj = new Array([size])
var arrayObj = new Array([element0[, element1[, [, elementN]]]])

其中:arrayObj是賦值為 Array 對象的變量名。 
        size由於數組的下標是從零開始,創建的元素的下標將從零到 size -1。 
        element0,...,elementN這將創建具有 n + 1 個元素的長度為 n + 1 的數組。使用該語法時必須有一個以上元素。

  如果只向 Array 的構造函數傳遞了一個參數,而該參數是數字,則它必須是無符號 32 位整數(大約 40 億)。該值成為數組的大小。如果該值為數值,但小於 0 或不為整數,發生運行時錯誤。

  如果傳遞給 Array 構造函數的是單個值並且不是數值,設置 length 屬性為 1,而且唯一的元素值成為單個的傳入的參數。

  由於JS數組為解析數組,也就是盡管可以分配多個元素給一個數組,但實際上只有包含數據的元素才存在。這減少了數組使用的內存數量。

  Array對象具有三個內置屬性:constructor,length,prototype我會在特地寫一篇關於constructor, prototype,arguments等對象屬性的文章,在這裡就不在多說了。下面我們主要看看Array內置的一些方法,這個對我們很重要,因為會經常用得這個東東。

  concat方法:連接兩個或多個數組並返回一個新的數組。值得我們注意的是(引用類型)對於從正被連接到新數組的數組中復制的對象參數,復制後仍然指向相同的對象,不論新數組和源數組中哪一個有改變,都將引起另一個的改變; (值類型)對於連接到新數組的數值或字符串,只復制其值,一個數組中值有改變並不影響另一個數組中的值。例子:
復制代碼 代碼如下:
function ConcatArrayDemo(){
var a, b, c, d;
a = new Array(1,2,3);
b = "JScript";
c = new Array(42, "VBScript);
d = a.concat(b, c);
// 返回數組 [1, 2, 3, "JScript", 42, "VBScript"]
return(d);
}

join方法:將數組中的項,按特定的分隔符轉化為字符串並返回,默認分隔符為逗號,例子:
復制代碼 代碼如下:
function JoinDemo(){
var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");
//返回:"0-1-2-3-4"
return(b);
}

pop方法:移除數組中的最後一個元素,並返回該元素。如果該數組為空則返回undefined。

  push方法:將以新元素出現的順序添加這些元素,如果參數之一為數組,那麼該數組將作為單個元素添加到數組中。如果要合並兩個或多個數組中的元素,請使用concat 方法。

  reverse 方法將一個 Array 對象中的元素位置進行反轉。在執行過程中,這個方法並不會創建一個新的 Array 對象。如果數組是不連續的,reverse 方法將在數組中創建元素以便填充數組中的間隔。這樣所創建的全部元素的值都是 undefined。
復制代碼 代碼如下:
function ReverseDemo(){
var a, l; // 聲明變量。
a = new Array(0,1,2,3,4); // 創建數組並賦值。
l = a.reverse(); // 反轉數組的內容。
//返回:l=[4,3,2,1,0]
return(l); // 返回結果數組。
}

shift 方法可移除數組中的第一個元素並返回該元素。 

  slice 方法返回一個 Array 對象,其中包含了 arrayObj 的指定部分。slice 方法一直復制到 end 所指定的元素,但是不包括該元素。如果 start 為負,將它作為 length + start處理,此處 length 為數組的長度。如果 end 為負,就將它作為 length + end 處理,此處 length 為數組的長度。如果省略 end ,那麼slice 方法將一直復制到 arrayObj 的結尾。如果 end 出現在 start 之前,不復制任何元素到新數組中。例子:
復制代碼 代碼如下:
//除了最後一個元素之外,myArray 中所有的元素都被復制到 newArray 中:
newArray = myArray.slice(0, -1)

sort 方法將 Array 對象進行適當的排序;在執行過程中並不會創建新的 Array 對象。如果為 sortfunction 參數提供了一個函數,那麼該函數必須返回下列值之一:

負值,如果所傳遞的第一個參數比第二個參數小。
零,如果兩個參數相等。
正值,如果第一個參數比第二個參數大。
復制代碼 代碼如下:
function SortDemo(){
var a, l; // 聲明變量。
a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
l = a.sort(); // 排序數組。
return(l); // 返回排序的數組。
}

splice 方法可以移除從 start 位置開始的指定個數的元素並插入新元素,從而修改 arrayObj。返回值是一個由所移除的元素組成的新 Array 對象。 格式如下:
復制代碼 代碼如下:
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

  toLocaleString 方法 將在Date對象中講解,一般這個方法只是返回給用戶,不作為代碼中計算。

  unshift 方法將這些元素插入到一個數組的開始部分,所以這些元素將以參數序列中的次序出現在數組中。格式如下: 
復制代碼 代碼如下:
arrayObj.unshift([item1[, item2 [, . . . [, itemN]]]])

  valueOf方法&toString() 數組的元素被轉換為字符串,這些字符串由逗號分隔,連接在一起。其操作與 Array.toString 和 Array.join 方法相同。 

  到這裡Array對象的所有東東也就差不多了,我把他們整理出來一個是為了能夠鞏固我的腳本知識,再次聲明很多的例子都是前人留下來的,如果對你有不舒服的感覺請見諒!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved