數(shù)組常用方法總結(jié)：

站在用戶的角度思考問題，與客戶深入溝通，找到阿魯科爾沁網(wǎng)站設計與阿魯科爾沁網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、主機域名、虛擬空間、企業(yè)郵箱。業(yè)務覆蓋阿魯科爾沁地區(qū)。

下面我只總結(jié)了es3中常用的數(shù)組方法，一共有11個。es5中新增的9個數(shù)組方法，后續(xù)再單獨總結(jié)。

1個連接數(shù)組的方法：concat（）

2個數(shù)組轉(zhuǎn)換為字符串的方法：join（）、toString（）

6個增刪數(shù)組元素的方法：pop（）、push（）、shift（）、unshift（）、slice（）、splice（）

2個數(shù)組排序方法：reverse（）、sort（）

連接數(shù)組的方法：

1、concat（）

作用：連接兩個數(shù)組，合并為一個新數(shù)組。

用法：arr1.concat（arr2，arr2...）

示例：

輸出：

George,John,Thomas,James,Adrew,Martin

數(shù)組轉(zhuǎn)換為字符串的方法：

1、join（）

作用：用于把數(shù)組中的所有元素放入一個字符串。并通過指定的分隔符進行分隔。

用法：arrayObject.join(separator)

示例：

輸出：

George.John.Thomas

注意：返回值為一個字符串。如果沒有分隔符，默認以逗號分隔。

2、toString（）

作用：把數(shù)組轉(zhuǎn)換為字符串，并返回結(jié)果。

用法：arrayObject.toString()

示例：

輸出：

George,John,Thomas

返回值與沒有參數(shù)的 join() 方法返回的字符串相同。數(shù)組中的元素之間用逗號分隔。

增刪數(shù)組元素的方法：

1、pop（）

作用：用于刪除并返回數(shù)組的最后一個元素。

用法：arrayObject.pop()

pop() 方法將刪除 arrayObject 的最后一個元素，把數(shù)組長度減 1，并且返回它刪除的元素的值。如果數(shù)組已經(jīng)為空，則 pop() 不改變數(shù)組，并返回 undefined 值。

示例：

輸出：

George,John,Thomas
Thomas
George,John

2、push（）

作用：可向數(shù)組的末尾添加一個或多個元素，并返回新的長度。

用法：arrayObject.push(newelement1,newelement2,....,newelementX)

它直接修改 arrayObject，而不是創(chuàng)建一個新的數(shù)組。push() 方法和 pop() 方法使用數(shù)組提供的先進后出棧的功能。

示例：

輸出：

George,John,Thomas
4
George,John,Thomas,James

3、shift（）

作用：用于把數(shù)組的第一個元素從其中刪除，并返回第一個元素的值。

用法：arrayObject.shift()

如果數(shù)組是空的，那么 shift() 方法將不進行任何操作，返回 undefined 值。請注意，該方法不創(chuàng)建新數(shù)組，而是直接修改原有的 arrayObject。

示例：

輸出：

George,John,Thomas
George
John,Thomas

4，unshift（）

作用：可向數(shù)組的開頭添加一個或更多元素，并返回新的長度。

用法：arrayObject.unshift(newelement1,newelement2,....,newelementX)

unshift() 方法將把它的參數(shù)插入 arrayObject 的頭部，并將已經(jīng)存在的元素順次地移到較高的下標處，以便留出空間。該方法的第一個參數(shù)將成為數(shù)組的新元素 0，如果還有第二個參數(shù)，它將成為新的元素 1，以此類推。

請注意，unshift() 方法不創(chuàng)建新的創(chuàng)建，而是直接修改原有的數(shù)組。unshift() 方法無法在 Internet Explorer 中正確地工作！

示例：

輸出：

George,John,Thomas
4
William,George,John,Thomas

5，slice（）

作用：可從已有的數(shù)組中返回選定的元素。

用法：arrayObject.slice(start,end)

返回一個新的數(shù)組，包含從 start 到 end （不包括該元素）的 arrayObject 中的元素。

該方法并不會修改數(shù)組，而是返回一個子數(shù)組。如果想刪除數(shù)組中的一段元素，應該使用方法 Array.splice()。

輸出：

George,John,Thomas
John,Thomas
George,John,Thomas

6，splice（）

作用：向/從數(shù)組中添加/刪除項目，然后返回被刪除的項目。

用法：arrayObject.splice(index,howmany,item1,.....,itemX)

該方法會改變原始數(shù)組。

示例：

輸出：

George,John,Thomas,James,Adrew,Martin

George,John,William,Thomas,James,Adrew,Martin

數(shù)組元素排序：

1、reverse（）

作用：用于顛倒數(shù)組中元素的順序。

用法：arrayObject.reverse()

該方法會改變原來的數(shù)組，而不會創(chuàng)建新的數(shù)組。

示例：

輸出：

George,John,Thomas
Thomas,John,George

2，sort（）

作用：用于對數(shù)組的元素進行排序。

用法：arrayObject.sort(sortby)

Sortby：可選，按規(guī)定是順序排序。必須是函數(shù)。

相對于其他方法來說復雜了一點。

如果調(diào)用該方法時沒有使用參數(shù)，將按字母順序?qū)?shù)組中的元素進行排序，說得更精確點，是按照字符編碼的順序進行排序。

如果想按照其他標準進行排序，就需要提供比較函數(shù)，該函數(shù)要比較兩個值，然后返回一個用于說明這兩個值的相對順序的數(shù)字。比較函數(shù)應該具有兩個參數(shù) a 和 b，其返回值如下：

若 a 小于 b，在排序后的數(shù)組中 a 應該出現(xiàn)在 b 之前，則返回一個小于 0 的值。

若 a 等于 b，則返回 0。

若 a 大于 b，則返回一個大于 0 的值。

輸出：

10,5,40,25,1000,1
1,5,10,25,40,1000

上面這個例子是讓數(shù)組元素從小到大排序，如果想實現(xiàn)從大到小排序，只需要將sortNumber函數(shù)中的a-b改為b-a即可。

輸出：

10,5,40,25,1000,1
1000,40,25,10,5,1

補充：

數(shù)組對象的屬性：

以下這個例子展示了如何使用constructor屬性

輸出：

This is an Array

length 屬性可設置或返回數(shù)組中元素的數(shù)目。數(shù)組的 length 屬性總是比數(shù)組中定義的最后一個元素的下標大 1。對于那些具有連續(xù)元素，而且以元素 0 開始的常規(guī)數(shù)組而言，屬性 length 聲明了數(shù)組中的元素的個數(shù)。設置 length 屬性可改變數(shù)組的大小。如果設置的值比其當前值小，數(shù)組將被截斷，其尾部的元素將丟失。如果設置的值比它的當前值大，數(shù)組將增大，新的元素被添加到數(shù)組的尾部，它們的值為 undefined。

獲取數(shù)組的長度：arrayObject.length

以上這篇JavaScript基礎進階之數(shù)組方法總結(jié)(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。