上一節(jié)我們講了數(shù)組的語法和使用，以及數(shù)組的遍歷等，本節(jié)我們主要學(xué)習(xí)一下數(shù)組的常用方法。

數(shù)組常用方法

• sort()：對數(shù)組的元素進(jìn)行排序。
• reserse()：反轉(zhuǎn)數(shù)組的元素排序。
• join()：將所有數(shù)組元素連接到一個字符串中。
• push()：將一個新元素添加到數(shù)組中（最后位置）。
• pop()：從數(shù)組中刪除最后一個元素。
• shift()，刪除第一個數(shù)組元素，并將所有其他元素移位到較低的索引。
• unshift()：將新元素添加到數(shù)組中（在開始處），并取消舊元素。
• splice()：用于向數(shù)組中添加新項目（拼接數(shù)組），返回一個包含已刪除項目的數(shù)組。
• slice()：將一個數(shù)組切成一個新數(shù)組，但是并不會從原數(shù)組中刪除任何元素。
• concat()：合并數(shù)組，通過合并連接現(xiàn)有數(shù)組來創(chuàng)建新的數(shù)組（不會改變原有數(shù)組，只是返回一個新數(shù)組），可以采用任意數(shù)量的數(shù)組參數(shù)。
• toString()：自動將數(shù)組轉(zhuǎn)換為逗號分隔的字符串，并返回結(jié)果 。

pop()方法

pop() 從數(shù)組中刪除最后一個元素，并返回這個元素的值。

語法：

arrayObject.pop()  

示例：

刪除數(shù)組中最后一個元素：

var names = ["令狐沖", "任盈盈", "岳不群", "林平之", "任我行", "東方不敗"];
console.log("原數(shù)組：", names);

//　刪除數(shù)組元素
names.pop();
console.log("刪除元素后的數(shù)組：", names);

輸出：

原數(shù)組：["令狐沖", "任盈盈", "岳不群", "林平之", "任我行", "東方不敗"]
刪除元素后的數(shù)組：["令狐沖", "任盈盈", "岳不群", "林平之", "任我行"]

push()方法

push() 方法，用于將一個新元素添加到數(shù)組中的最后，并返回新的數(shù)組長度。

語法：

arrayObject.push(newelement1,newelement2,...,newelementX)

newelement1 是必需的，要添加到數(shù)組的第一個元素，newelement2 和 newelementX 都是可選參數(shù)，前者要添加到數(shù)組的第二個元素，后者是可以添加多個元素。

示例：

向數(shù)組中添加一個元素，新增的元素會插入到數(shù)組最后一個位置：

var names = ["令狐沖", "任盈盈", "岳不群", "林平之", "任我行", "東方不敗"];
console.log("原數(shù)組：", names);

// 向數(shù)組中添加一個元素
names.push("IvenEric");
console.log("新增元素后的數(shù)組：", names);

輸出：

原數(shù)組：["令狐沖", "任盈盈", "岳不群", "林平之", "任我行", "東方不敗"]
新增元素后的數(shù)組：["令狐沖", "任盈盈", "岳不群", "林平之", "任我行", "東方不敗", "IvenEric"]

sort()方法

sort() 方法是最強(qiáng)大的數(shù)組方法之一，它是以字母順序?qū)?shù)組進(jìn)行排序的。

語法：

array.sort(sortfunction)

示例：

使用升序進(jìn)行數(shù)組排序：

var names = ["楊過", "小龍女", "郭靖", "黃蓉", "郭襄", "程英", "陸無雙", "公孫綠萼", "公孫止", "金輪法王"];
console.log("原數(shù)組：",  names);
names.sort();
console.log("排序后的數(shù)組：",  names);

輸出：

原數(shù)組： ["楊過", "小龍女", "郭靖", "黃蓉", "郭襄", "程英", "陸無雙", "公孫綠萼", "公孫止", "金輪法王"]
排序后的數(shù)組：["公孫止", "公孫綠萼", "小龍女", "楊過", "程英", "郭襄", "郭靖", "金輪法王", "陸無雙", "黃蓉"]

注意喲，默認(rèn)sort()函數(shù)按照字符串順序?qū)χ颠M(jìn)行排序。如果是對數(shù)字排序的話會產(chǎn)生不正確的結(jié)果，例如31大于100，因為3比1大。

我們可以通過一個比值函數(shù)來解決這個問題：

var numbers = [11, 85, 3, 90, 20, -3, 24, 17, 16, 23];
numbers.sort(function(a, b){return a - b});
console.log(numbers);
// 輸出： [-3, 3, 11, 16, 17, 20, 23, 24, 85, 90]

這樣就可以實現(xiàn)對數(shù)字的升序排序，如果要實現(xiàn)降序排序，可以使用b - a。

reverse()方法

reverse() 方法用于反轉(zhuǎn)數(shù)組中的元素，也就是逆向排序。

語法：

array.reverse()

示例：

使用降序?qū)ο旅娴臄?shù)組進(jìn)行排序：

var names = ["楊過", "小龍女", "郭靖", "黃蓉", "郭襄"];
console.log("原數(shù)組：", names);
names.sort();
console.log("升序排序后的數(shù)組：", names);
names.reverse();
console.log("降序排序后的數(shù)組：", names);

輸出：

原數(shù)組： ["楊過", "小龍女", "郭靖", "黃蓉", "郭襄"]
升序排序后的數(shù)組： ["小龍女", "楊過", "郭襄", "郭靖", "黃蓉"]
降序排序后的數(shù)組： ["黃蓉", "郭靖", "郭襄", "楊過", "小龍女"]

shift()方法

shift() ，刪除第一個數(shù)組元素并返回這個元素的值，將所有其他元素移位到較低的索引。

語法：

arrayObject.shift()

示例：

var names = ["令狐沖","任盈盈","岳不群","林平之","左冷禪","岳靈珊","任我行","東方不敗"];
console.log("原數(shù)組：", names);
console.log(names.shift()); // 刪除數(shù)組元素并返回被刪除的元素值
console.log("刪除一個元素后的元素：", names)

輸出：

原數(shù)組：["令狐沖", "任盈盈", "岳不群", "林平之", "左冷禪", "岳靈珊", "任我行", "東方不敗"]
令狐沖
刪除一個元素后的元素： ["任盈盈", "岳不群", "林平之", "左冷禪", "岳靈珊", "任我行", "東方不敗"]

unshfit()方法

unshfit() 方法，用于在開始時向數(shù)組添加一個新元素，并取消移位較舊的元素。

語法：

arrayObject.unshift(newelement1,newelement2,...,newelementX)

示例：

var arr1 = new Array();
arr1[0] = "Jackson";
arr1[1] = "Ivenoy";
arr1[2] = "Ericor";
arr1[3] = "Arthor";
console.log("原數(shù)組：", arr1);
console.log("新增元素后的數(shù)組長度：", arr1.unshift("William"));
console.log("新增元素后的新數(shù)組為：", arr1);

輸出：

原數(shù)組： (4) ["Jackson", "Ivenoy", "Ericor", "Arthor"]
新增元素后的數(shù)組長度： 5
新增元素后的新數(shù)組為： (5) ["William", "Jackson", "Ivenoy", "Ericor", "Arthor"]

splice()方法

splice()方法常用于將新項目添加到數(shù)組中，返回一個已刪除項目的數(shù)組。

語法：

array.splice(index,howmany,item1,...itemX)

index 必需參數(shù)，規(guī)定從何處添加或者是刪除元素，它是開始時的元素下標(biāo)且必須是數(shù)字，howmany 和 item1、itemX 是可選參數(shù)，前者規(guī)定應(yīng)該刪除多少元素同樣也必須是數(shù)字（可以是0），后者是要添加到數(shù)組的新元素。

示例：

var names = ["王語嫣", "李逍遙", "張無忌", "周芷若"];
console.log("原數(shù)組：", names);
names.splice(1, 0, "東方不敗", "金毛獅王");
console.log("添加元素后的數(shù)組：", names);

輸出：

原數(shù)組： ["王語嫣", "李逍遙", "張無忌", "周芷若"]
添加元素后的數(shù)組： ["王語嫣", "東方不敗", "金毛獅王", "李逍遙", "張無忌", "周芷若"]

slice()方法

slice()方法可以將一個數(shù)組切成一個新數(shù)組，可以從已有數(shù)組中返回選定的元素，但是并不會從原數(shù)組中刪除任何元素。

語法：

array.slice(start,end)

start 必需參數(shù)，規(guī)定從什么地方開始選取，如果是負(fù)數(shù)，那么則規(guī)定從數(shù)組尾部開始算起的位置；end 可選參數(shù)，規(guī)定從何處結(jié)束選取，它是數(shù)組片段結(jié)束處的數(shù)組下標(biāo)。

示例：

var names = ["王語嫣", "李逍遙", "張無忌", "周芷若", "東方不敗"];
console.log("原數(shù)組：", names);
var sliNames = names.slice(0,2);  // (0，2)表表示元素起始位置(包含元素)和結(jié)束位置(不包含元素)
console.log("切割后的數(shù)組", sliNames);

輸出：

原數(shù)組： ["王語嫣", "李逍遙", "張無忌", "周芷若", "東方不敗"]
切割后的數(shù)組 ["王語嫣", "李逍遙"]

concat()方法

concat()方法用于合并數(shù)組，通過合并連接現(xiàn)有數(shù)組來創(chuàng)建新的數(shù)組（不會改變原有數(shù)組，只是返回一個新數(shù)組），可以采用任意數(shù)量的數(shù)組參數(shù)。

語法：

string.concat(string1, string2, ..., stringX)

示例：

var arr1 = ["xkd", "summer"];
var arr2 = ["Jack", "Mark"];
console.log("數(shù)組1：", arr1);
console.log("數(shù)組2：", arr2);
// 合并數(shù)組
var twoArr = arr1.concat(arr2);
console.log("合并后的數(shù)組為：", twoArr);

輸出：

數(shù)組1： ["xkd", "summer"]
數(shù)組2：["Jack", "Mark"]
合并后的數(shù)組為： ["xkd", "summer", "Jack", "Mark"]

合并多個數(shù)組，需要使用逗號將數(shù)組進(jìn)行分隔：

var arr1 = ["xkd", "summer"];
var arr2 = ["Jack", "Mark"];
var arr3 = ["小飛俠", "大俠"]

var mergeArr = arr1.concat(arr2, arr3);
console.log("合并后的數(shù)組為：", mergeArr);
// 合并后的數(shù)組為：["xkd", "summer", "Jack", "Mark", "小飛俠", "大俠"]

動手小練習(xí)

1. 定義一個數(shù)組，然后使用push() 方法，添加一個新元素到數(shù)組并且返回數(shù)組長度。
2. 定義一個數(shù)組，然后使用pop() 方法刪除第三個元素，輸出返回后的數(shù)組。
3. 現(xiàn)有一個數(shù)組[1, 92, 4, 67, 37, 8, 0, 23, 11]，請使用sort() 方法將數(shù)組進(jìn)行排序，然后輸出。
4. 使用reverse() 方法將題三中的數(shù)組進(jìn)行反轉(zhuǎn)排序。
5. 定義一個數(shù)組，然后使用 unshift() 方法添加或者是刪除一個新元素（舊元素）然后輸出結(jié)果。
6. 定義一個數(shù)組，然后向數(shù)組中插入兩個新元素，并輸出新數(shù)組。
7. 使用concat() 方法將下面幾個數(shù)組合并，然后輸出結(jié)果：

var num1 = [1, 2, 3];
var num2 = [4, 5, 6];
var num3 = [7, 8, 9];

鏈接：https://www.9xkd.com/