導讀：在實際開發(fā)中，前端工程師除了寫頁面布局及樣式還要對后端返回的數據進行處理，返回的數據大多數是json格式，一般都是返回一個對象或者數組，下面對常用的數組的使用方法進行總結，方便在開發(fā)中手到擒來！

目錄

數組常用方法

??concat() 方法

?join() 方法

?pop() 方法

push() 方法

reverse() 方法

shift() 方法

slice() 方法

?sort() 方法

splice() 方法

?toSource() 方法

toString() 方法

toLocaleString() 方法

unshift() 方法

valueOf() 方法

---

數組常用方法

?concat() 方法

concat() 方法用于連接兩個或多個數組。

該方法不會改變現(xiàn)有的數組，而僅僅會返回被連接數組的一個副本。

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"var arr3 = new Array(2) arr3[0] = "William" arr3[1] = "Franklin"document.write(arr.concat(arr2,arr3)) //George,John,Thomas,James,Adrew,Martin,William,Franklin

?join() 方法

join() 方法用于把數組中的所有元素放入一個字符串。

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

var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas"document.write(arr.join(".")) //George.John.Thomas

?pop() 方法

pop() 方法用于刪除并返回數組的最后一個元素。

var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas"document.write(arr)//George,John,Thomasdocument.write(arr.pop())//Thomasdocument.write(arr) //George,John

push() 方法

push() 方法可向數組的末尾添加一個或多個元素，并返回新的長度。

var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas"document.write(arr + "<br />")//George,John,Thomas document.write(arr.push("James") + "<br />")document.write(arr)//George,John,Thomas,James

reverse() 方法

reverse() 方法用于顛倒數組中元素的順序。

var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas"document.write(arr + "<br />")//George,John,Thomasdocument.write(arr.reverse())//Thomas,John,George

shift() 方法

shift() 方法用于把數組的第一個元素從其中刪除，并返回第一個元素的值。

var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas"document.write(arr + "<br />")//George,John,Thomas document.write(arr.shift() + "<br />")//George document.write(arr)//John,Thomas

slice() 方法

slice() 方法可從已有的數組中返回選定的元素。

?

var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas"document.write(arr + "<br />")//George,John,Thomas document.write(arr.slice(1) + "<br />")//John,Thomas document.write(arr)//George,John,Thomas

?sort() 方法

sort() 方法用于對數組的元素進行排序。

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 />")//10,5,40,25,1000,1 document.write(arr.sort(sortNumber))//1,5,10,25,40,1000

splice() 方法

splice() 方法向/從數組中添加/刪除元素，然后返回被刪除的元素。

?

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 />")//George,John,Thomas,James,Adrew,Martin arr.splice(2,0,"William") document.write(arr + "<br />")//George,John,William,Thomas,James,Adrew,Martin

?toSource() 方法

toSource() 方法表示對象的源代碼。

該原始值由 Array 對象派生的所有對象繼承。

toSource() 方法通常由 JavaScript 在后臺自動調用，并不顯式地出現(xiàn)在代碼中。

function employee(name,job,born) { this.name=name; this.job=job; this.born=born; }var bill=new employee("Bill Gates","Engineer",1985);document.write(bill.toSource());//({name:"Bill Gates", job:"Engineer", born:1985})

toString() 方法

toString() 方法可把數組轉換為字符串，并返回結果。

var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas"document.write(arr.toString())//George,John,Thomas

toLocaleString() 方法

把數組轉換為本地字符串。

var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas"document.write(arr.toLocaleString())//George, John, Thomas

unshift() 方法

unshift() 方法可向數組的開頭添加一個或更多元素，并返回新的長度。

?

var arr = new Array() arr[0] = "George" arr[1] = "John" arr[2] = "Thomas"document.write(arr + "<br />")//George,John,Thomas document.write(arr.unshift("William") + "<br />") document.write(arr)//William,George,John,Thomas

valueOf() 方法

?valueOf() 方法返回 Array 對象的原始值。

該原始值由 Array 對象派生的所有對象繼承。

valueOf() 方法通常由 JavaScript 在后臺自動調用，并不顯式地出現(xiàn)在代碼中。

arrayObject.valueOf()

總結一下（標記的數組方法比較常用，一定要熟練掌握）

?如果你覺得還有其它比較好用的，常用的數組方法，歡迎留言和我交流！比如reduce方法等！

var result = [{subject: 'math',score: 10},{subject: 'chinese',score: 20},{subject: 'english',score: 30} ];var sum = result.reduce(function(prev, cur) {return cur.score + prev; }, 0); console.log(sum) //60

好啦，本期內容就分享到這里，你知道的越多，你不知道的越多！

記得關注這個文縐縐的前端程序員：孫叫獸的博客

?

總結

以上是生活随笔為你收集整理的JavaScript数组常用的方法总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。