JS中如何按照一定規(guī)則對數(shù)組元素進行排序

這篇文章主要講解了“JS中如何按照一定規(guī)則對數(shù)組元素進行排序”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“JS中如何按照一定規(guī)則對數(shù)組元素進行排序”吧！

今天本文的主要內容是：對數(shù)組元素按照一定規(guī)則進行排序。廢話不多說，下面就給大家就是3種數(shù)組元素排序方法。

方法1：利用for循環(huán)

說到利用for循環(huán)進行數(shù)組排序，就想到了冒泡排序，下面看看實現(xiàn)代碼：

//每輪依次比較相鄰兩個數(shù)的大小，后面比前面小則交換
var b=0//設置用來調換位置的值
var a=[1,9,33,2,5,34,23,98,14]//冒泡排序
for(var i=0;i<a.length;i++){
	for(var j=0;j<a.length;j++){
		if(a[j]>a[j+1]){
			b=a[j]
			a[j]=a[j+1]
			a[j+1]=b
		}
	}
}
console.log(a)

輸出結果：

上面代碼是從小到大排序，如果想要從大到小排序，可以將if語句的判斷添加修改一下：

if(a[j]>a[j+1]){
...
}

方法2：利用sort() 方法

sort() 方法能夠根據(jù)一定條件對數(shù)組元素進行排序。

語法：array.sort([函數(shù)])

sort() 方法兩種情況：

• 當方法的參數(shù)為空時，則按字母順序對數(shù)組中的元素進行從小到大排序。

所謂的字母順序，實際上是根據(jù)字母在字符編碼表中的順序進行排列的，每個字符在字符表中都有一個唯一的編號。

var a=['e','a','f','b','c','h','g','z','i']
a.sort();  //按字母順序對元素進行排序
console.log(a);

輸出結果：

如果元素不是字符串，則 sort() 方法試圖把數(shù)組元素都轉換成字符串，以便進行比較。需要注意當數(shù)字是按字母順序排列時"40"將排在"5"前面。

var a=[1,2,40,4,5,50,6,7,8]
a.sort();  //按字母順序對元素進行排序
console.log(a);

輸出結果：

此時就需要通過一個函數(shù)作為參數(shù)來調用，即下面的第二種情況：

• 當參數(shù)為一個函數(shù)時，將按函數(shù)指定的規(guī)則排序數(shù)組元素。

var a=[1,2,40,4,5,50,6,7,8]
a.sort(function(a,b){
     return a-b;//從小到大排序
     //return b-a;//從大到小排序
});
console.log(a);

輸出結果：

當數(shù)組元素的前綴為數(shù)字而后綴為字符串時，如果希望這些元素能按數(shù)字大小進行排序，此時需對匿名函數(shù)中的參數(shù)作一些變通處理。

var a=['345px','23px','10px','1000px'];
a.sort(function(a,b){
     return parseInt(a)-parseInt(b);;//從小到大排序
     //return parseInt(b)-parseInt(a);//從大到小排序
});
console.log(a);

輸出結果：

方法3：利用reverse() 方法

如何不想將數(shù)組元素從小到大（或從大到?。┻M行排序，而是想倒序排序呢？那么可以使用reverse() 方法。

reverse() 方法能夠顛倒數(shù)組元素的排列順序，該方法不需要參數(shù)，直接 數(shù)組對象.reverse()即可。

var a=['345px','23px','10px','1000px'];
a.reverse();
console.log(a);

輸出結果：

說明：

sort()和reverse() 方法都是在原數(shù)組基礎上進行操作，而不是創(chuàng)建新的數(shù)組；因此會改變原數(shù)組。

感謝各位的閱讀，以上就是“JS中如何按照一定規(guī)則對數(shù)組元素進行排序”的內容了，經過本文的學習后，相信大家對JS中如何按照一定規(guī)則對數(shù)組元素進行排序這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！