前端切圖仔，常用的14個數組方法

Array 物件方法

方法

描述

concat（）

連線兩個或更多的陣列，並返回結果。

join（）

把陣列的所有元素放入一個字串。元素透過指定的分隔符進行分隔。

pop（）

刪除並返回陣列的最後一個元素

push（）

向陣列的末尾新增一個或更多元素，並返回新的長度。

reverse（）

顛倒陣列中元素的順序。

shift（）

刪除並返回陣列的第一個元素

slice（）

從某個已有的陣列返回選定的元素

sort（）

對陣列的元素進行排序

splice（）

刪除元素，並向陣列新增新元素。

toSource（）

返回該物件的原始碼。

toString（）

把陣列轉換為字串，並返回結果。

toLocaleString（）

把陣列轉換為本地陣列，並返回結果。

unshift（）

向陣列的開頭新增一個或更多元素，並返回新的長度。

valueOf（）

返回陣列物件的原始值

1：concat（）方法

定義和用法

concat（） 方法用於連線兩個或多個數組。

該方法不會改變現有的陣列，而僅僅會返回被連線陣列的一個副本。

例項

例子 1

在本例中，我們將把 concat（） 中的引數連線到陣列 a 中：

輸出：

1，2，3，4，5

例子 2

在本例中，我們建立了兩個陣列，然後使用 concat（） 把它們連線起來：

輸出：

George，John，Thomas，James，Adrew，Martin

例子 3

在本例中，我們建立了三個陣列，然後使用 concat（） 把它們連線起來：

輸出：

George，John，Thomas，James，Adrew，Martin，William，Franklin

2：join（）方法

定義和用法

join（） 方法用於把陣列中的所有元素放入一個字串。

元素是透過指定的分隔符進行分隔的。

例項

例子 1

在本例中，我們將建立一個數組，然後把它的所有元素放入一個字串：

輸出：

George，John，Thomas

例子 2

在本例中，我們將使用分隔符來分隔陣列中的元素：

輸出：

George。John。Thomas

3：pop（）方法

定義和用法

pop（） 方法用於刪除並返回陣列的最後一個元素。

例項

在本例中，我們將建立一個數組，然後刪除陣列的最後一個元素。請注意，這也會改變陣列的程度：

輸出：

George，John，ThomasThomasGeorge，John

4：push（）方法

定義和用法

push（） 方法可向陣列的末尾新增一個或多個元素，並返回新的長度。

例項

在本例中，我們將建立一個數組，並透過新增一個元素來改變其長度：

輸出：

George，John，Thomas4George，John，Thomas，James

5：reverse（）方法

定義和用法

reverse（） 方法用於顛倒陣列中元素的順序。

例項

在本例中，我們將建立一個數組，然後顛倒其元素的順序：

輸出：

George，John，ThomasThomas，John，George

6：shift（）方法

定義和用法

shift（） 方法用於把陣列的第一個元素從其中刪除，並返回第一個元素的值。

例項

在本例中，我們將建立一個數組，並刪除陣列的第一個元素。請注意，這也將改變陣列的長度：

輸出：

George，John，ThomasGeorgeJohn，Thomas

7：slice（）方法

定義和用法

slice（） 方法可從已有的陣列中返回選定的元素。

例項

例子 1

在本例中，我們將建立一個新陣列，然後顯示從其中選取的元素：

輸出：

George，John，ThomasJohn，ThomasGeorge，John，Thomas

例子 2

在本例中，我們將建立一個新陣列，然後顯示從其中選取的元素：

輸出：

George，John，Thomas，James，Adrew，MartinThomas，JamesGeorge，John，Thomas，James，Adrew，Martin

8：sort（）方法

定義和用法

sort（） 方法用於對陣列的元素進行排序。

例項

例子 1

在本例中，我們將建立一個數組，並按字母順序進行排序：

輸出：

George，John，Thomas，James，Adrew，MartinAdrew，George，James，John，Martin，Thomas

例子 2

在本例中，我們將建立一個數組，並按字母順序進行排序：

輸出：

10，5，40，25，1000，11，10，1000，25，40，5

請注意，上面的程式碼沒有按照數值的大小對數字進行排序，要實現這一點，就必須使用一個排序函式：

輸出：

10，5，40，25，1000，11，5，10，25，40，1000

9：splice（）方法

定義和用法

splice（） 方法向/從陣列中新增/刪除專案，然後返回被刪除的專案。

註釋：該方法會改變原始陣列。

例項

例子 1

在本例中，我們將建立一個新陣列，並向其新增一個元素：

輸出：

George，John，Thomas，James，Adrew，MartinGeorge，John，William，Thomas，James，Adrew，Martin

例子 2

在本例中我們將刪除位於 index 2 的元素，並新增一個新元素來替代被刪除的元素：

輸出：

George，John，Thomas，James，Adrew，MartinGeorge，John，William，James，Adrew，Martin

例子 3

在本例中我們將刪除從 index 2 （“Thomas”） 開始的三個元素，並新增一個新元素 （“William”） 來替代被刪除的元素：

輸出：

George，John，Thomas，James，Adrew，MartinGeorge，John，William，Martin

10：toSource（）方法

定義和用法

toSource（） 方法可把陣列轉換為JavaScript原始碼。

例項

輸出：

［“George”， “John”， “Thomas”］

11：toString（）方法

定義和用法

toString（） 方法可把一個 Number 物件轉換為一個字串，並返回結果。

例項

在本例中，我們將把一個數字轉換為字串：

輸出：

1337

12：toLocaleString（）方法

定義和用法

toLocaleString（） 方法可根據本地時間把 Date 物件轉換為字串，並返回結果。

例項

例子 1

在本例中，我們將根據本地時間把今天的日期轉換為字串：

輸出：

var d = new Date（） document。write （d。toLocaleString（））

例子 2

在本例中，我們將根據本地時間把具體的日期轉換為字串：

輸出：

var born = new Date（“July 21， 1983 01：15：00”）document。write（born。toLocaleString（））

13：unshift（）方法

定義和用法

unshift（） 方法可向陣列的開頭新增一個或更多元素，並返回新的長度。

例項

在本例中，我們將建立一個數組，並把一個元素新增到陣列的開頭，並返回陣列的新長度：

輸出：

George，John，Thomas4William，George，John，Thomas

14：valueOf（）方法

定義和用法

valueOf（） 方法返回 Array 物件的原始值。

該原始值由 Array 物件派生的所有物件繼承。

valueOf（） 方法通常由 JavaScript 在後臺自動呼叫，並不顯式地出現在程式碼中。

例子

輸出結果

Banana，Orange，Apple，Mango