數組常用方法總結：
下面我只總結了es3中常用的數組方法，一共有11個。es5中新增的9個數組方法，后續再單獨總結。
1個連接數組的方法：concat（）
2個數組轉換為字符串的方法：join（）、toString（）
6個增刪數組元素的方法：pop（）、push（）、shift（）、unshift（）、slice（）、splice（）
2個數組排序方法：reverse（）、sort（）
連接數組的方法：
1、concat（）
作用：連接兩個數組，合并為一個新數組。
用法：arr1.concat（arr2，arr2...）
示例：
<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" var arr2 = new Array(3) arr2[0] = "James" arr2[1] = "Adrew" arr2[2] = "Martin" document.write(arr.concat(arr2)) </script>
輸出：
George,John,Thomas,James,Adrew,Martin
數組轉換為字符串的方法：
1、join（）
作用：用于把數組中的所有元素放入一個字符串。并通過指定的分隔符進行分隔。
用法：arrayObject.join(separator)
示例：
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.join("."))
</script>輸出：
George.John.Thomas
注意：返回值為一個字符串。如果沒有分隔符，默認以逗號分隔。
2、toString（）
作用：把數組轉換為字符串，并返回結果。
用法：arrayObject.toString()
示例：
<script type="text/javascript"> var arr = new Array(3) arr[0] = "George"； arr[1] = "John"； arr[2] = "Thomas"； document.write(arr.toString())； </script>
輸出：
George,John,Thomas
返回值與沒有參數的 join() 方法返回的字符串相同。數組中的元素之間用逗號分隔。
增刪數組元素的方法：
1、pop（）
作用：用于刪除并返回數組的最后一個元素。
用法：arrayObject.pop()
pop() 方法將刪除 arrayObject 的最后一個元素，把數組長度減 1，并且返回它刪除的元素的值。如果數組已經為空，則 pop() 不改變數組，并返回 undefined 值。
示例：
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr)
document.write("<br />")
document.write(arr.pop())
document.write("<br />")
document.write(arr)
</script>輸出：
George,John,Thomas Thomas George,John
2、push（）
作用：可向數組的末尾添加一個或多個元素，并返回新的長度。
用法：arrayObject.push(newelement1,newelement2,....,newelementX)
它直接修改 arrayObject，而不是創建一個新的數組。push() 方法和 pop() 方法使用數組提供的先進后出棧的功能。
示例：
<script type="text/javascript">
var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + "<br />")
document.write(arr.push("James") + "<br />")
document.write(arr)
</script>輸出：
George,John,Thomas 4 George,John,Thomas,James
3、shift（）
作用：用于把數組的第一個元素從其中刪除，并返回第一個元素的值。
用法：arrayObject.shift()
如果數組是空的，那么 shift() 方法將不進行任何操作，返回 undefined 值。請注意，該方法不創建新數組，而是直接修改原有的 arrayObject。
示例：
<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "<br />") document.write(arr.shift() + "<br />") document.write(arr) </script>
輸出：
George,John,Thomas George John,Thomas
4，unshift（）
作用：可向數組的開頭添加一個或更多元素，并返回新的長度。
用法：arrayObject.unshift(newelement1,newelement2,....,newelementX)
unshift() 方法將把它的參數插入 arrayObject 的頭部，并將已經存在的元素順次地移到較高的下標處，以便留出空間。該方法的第一個參數將成為數組的新元素 0，如果還有第二個參數，它將成為新的元素 1，以此類推。
請注意，unshift() 方法不創建新的創建，而是直接修改原有的數組。unshift() 方法無法在 Internet Explorer 中正確地工作！
示例：
<script type="text/javascript">
var arr = new Array()
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr + "<br />")
document.write(arr.unshift("William") + "<br />")
document.write(arr)
</script>輸出：
George,John,Thomas 4 William,George,John,Thomas
5，slice（）
作用：可從已有的數組中返回選定的元素。
用法：arrayObject.slice(start,end)
|
start |
必需。規定從何處開始選取。如果是負數，那么它規定從數組尾部開始算起的位置。也就是說，-1 指最后一個元素，-2 指倒數第二個元素，以此類推。 |
|
end |
可選。規定從何處結束選取。該參數是數組片斷結束處的數組下標。如果沒有指定該參數，那么切分的數組包含從 start 到數組結束的所有元素。如果這個參數是負數，那么它規定的是從數組尾部開始算起的元素。 |
返回一個新的數組，包含從 start 到 end （不包括該元素）的 arrayObject 中的元素。
該方法并不會修改數組，而是返回一個子數組。如果想刪除數組中的一段元素，應該使用方法 Array.splice()。
<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "<br />") document.write(arr.slice(1) + "<br />") document.write(arr) </script>
輸出：
George,John,Thomas John,Thomas George,John,Thomas
6，splice（）
作用：向/從數組中添加/刪除項目，然后返回被刪除的項目。
用法：arrayObject.splice(index,howmany,item1,.....,itemX)
|
index |
必需。整數，規定添加/刪除項目的位置，使用負數可從數組結尾處規定位置。 |
|
howmany |
必需。要刪除的項目數量。如果設置為 0，則不會刪除項目。 |
|
item1, ..., itemX |
可選。向數組添加的新項目。 |
該方法會改變原始數組。
示例：
<script type="text/javascript"> var arr = new Array(6) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" arr[3] = "James" arr[4] = "Adrew" arr[5] = "Martin" document.write(arr + "<br />")arr.splice(2,0,"William") document.write(arr + "<br />") </script>
輸出：
George,John,Thomas,James,Adrew,Martin George,John,William,Thomas,James,Adrew,Martin
數組元素排序：
1、reverse（）
作用：用于顛倒數組中元素的順序。
用法：arrayObject.reverse()
該方法會改變原來的數組，而不會創建新的數組。
示例：
<script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" document.write(arr + "<br />") document.write(arr.reverse()) </script>
輸出：
George,John,Thomas Thomas,John,George
2，sort（）
作用：用于對數組的元素進行排序。
用法：arrayObject.sort(sortby)
Sortby：可選，按規定是順序排序。必須是函數。
相對于其他方法來說復雜了一點。
如果調用該方法時沒有使用參數，將按字母順序對數組中的元素進行排序，說得更精確點，是按照字符編碼的順序進行排序。
如果想按照其他標準進行排序，就需要提供比較函數，該函數要比較兩個值，然后返回一個用于說明這兩個值的相對順序的數字。比較函數應該具有兩個參數 a 和 b，其返回值如下：
若 a 小于 b，在排序后的數組中 a 應該出現在 b 之前，則返回一個小于 0 的值。
若 a 等于 b，則返回 0。
若 a 大于 b，則返回一個大于 0 的值。
<script type="text/javascript">
function sortNumber(a,b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")
document.write(arr.sort(sortNumber))
</script>輸出：
10,5,40,25,1000,1 1,5,10,25,40,1000
上面這個例子是讓數組元素從小到大排序，如果想實現從大到小排序，只需要將sortNumber函數中的a-b改為b-a即可。
<script type="text/javascript">
function sortNumber(a,b)
{
return b - a;
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")
document.write(arr.sort(sortNumber))
</script>輸出：
10,5,40,25,1000,1 1000,40,25,10,5,1
補充：
數組對象的屬性：
|
屬性 |
描述 |
|
constructor |
返回對創建此對象的數組函數的引用。 |
|
length |
設置或返回數組中元素的數目。 |
|
prototype |
使您有能力向對象添加屬性和方法。 |
以下這個例子展示了如何使用constructor屬性
<script type="text/javascript">
var test=new Array();
if (test.constructor==Array)
{
document.write("This is an Array");
}
if (test.constructor==Boolean)
{
document.write("This is a Boolean");
}
if (test.constructor==Date)
{
document.write("This is a Date");
}
if (test.constructor==String)
{
document.write("This is a String");
}
</script>輸出：
This is an Array
length 屬性可設置或返回數組中元素的數目。數組的 length 屬性總是比數組中定義的最后一個元素的下標大 1。對于那些具有連續元素，而且以元素 0 開始的常規數組而言，屬性 length 聲明了數組中的元素的個數。設置 length 屬性可改變數組的大小。如果設置的值比其當前值小，數組將被截斷，其尾部的元素將丟失。如果設置的值比它的當前值大，數組將增大，新的元素被添加到數組的尾部，它們的值為 undefined。
獲取數組的長度：arrayObject.length
以上這篇JavaScript基礎進階之數組方法總結(推薦)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2025 www.polareal.com 版權所有
違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務
