收費(fèi)視頻網(wǎng)站怎么做b2b免費(fèi)發(fā)布平臺(tái)
天行健，君子以自強(qiáng)不息；地勢(shì)坤，君子以厚德載物。
每個(gè)人都有惰性，但不斷學(xué)習(xí)是好好生活的根本，共勉！
文章均為學(xué)習(xí)整理筆記，分享記錄為主，如有錯(cuò)誤請(qǐng)指正，共同學(xué)習(xí)進(jìn)步。
羨君無紛喧，高枕碧霞里。
文章目錄
- 數(shù)組的排序
- 1. 舉例
- 2. 舉例結(jié)果打印
- 3. sort()函數(shù)
- 4. 數(shù)組排序的實(shí)現(xiàn)
- 4.1 比較器的定義
- 4.2 排序示例代碼
- 4.3 控制臺(tái)結(jié)果打印
- 4. 示例代碼下載
JS系列篇：
JS（JavaScript）入門學(xué)習(xí)指南
JS（JavaScript）學(xué)習(xí)專欄
數(shù)組的排序
排序調(diào)用sort()方法，但一下幾種情況的結(jié)果好像和我們想象的結(jié)果不太一樣
1. 舉例
排序舉例代碼
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>匿名函數(shù)-舉例-比較器</title><script>//舉例var list = [1,2,3,22,33,11,9,5];console.log("排序前：",list);console.log("排序后：",list.sort());var strList = ["libai","baijuyi","menghaoran","ouyangxiu","lishangyin"];console.log("排序前：",strList);console.log("排序后：",strList.sort());</script>
</head>
<body></body>
</html>
2. 舉例結(jié)果打印
瀏覽器打印結(jié)果
結(jié)果顯示：
數(shù)值的數(shù)組排序是按照數(shù)值的首位從0-9排序，首位相同則根據(jù)第二位進(jìn)行排序。
字符串的排序是按照第一個(gè)字符根據(jù)字母排序來進(jìn)行排的，首位相同則根據(jù)第二位進(jìn)行排序。
3. sort()函數(shù)
默認(rèn)的sort()函數(shù)，排序的規(guī)則是根據(jù)每個(gè)元素的第一個(gè)字符開始按照字母和數(shù)字的順序排序，第一個(gè)字符相同，則根據(jù)第二個(gè)字符進(jìn)行排序
想要根據(jù)數(shù)值大小進(jìn)行排序則需要自定義比較器
4. 數(shù)組排序的實(shí)現(xiàn)
4.1 比較器的定義
升序
第一個(gè)參數(shù)比第二個(gè)參數(shù)大則返回正數(shù)，第一個(gè)參數(shù)比第二個(gè)參數(shù)小則返回負(fù)數(shù)，相等則返回0
function compare(a,b){return a-b;}
降序
第一個(gè)參數(shù)比第二個(gè)參數(shù)大則返回負(fù)數(shù)，第一個(gè)參數(shù)比第二個(gè)參數(shù)小則返回正數(shù)，相等則返回0
function compare(a,b){return b-a;}
4.2 排序示例代碼
數(shù)組排序示例代碼
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>匿名函數(shù)-舉例-比較器</title><script>//舉例var list = [1,2,3,22,33,11,9,5];// list.forEach(function(value,index){// console.log(index);// console.log(value);// });console.log("排序前：",list);console.log("排序后：",list.sort());var strList = ["libai","baijuyi","menghaoran","ouyangxiu","lishangyin"];console.log("排序前：",strList);console.log("排序后：",strList.sort());console.log("--------------------------------------------------------------------");//定義比較器//升序，第一個(gè)參數(shù)比第二個(gè)參數(shù)大則返回正數(shù)，第一個(gè)參數(shù)比第二個(gè)參數(shù)小則返回負(fù)數(shù)，相等則返回0function compare(a,b){return a-b;}console.log("排序前：",list);//定義的比較規(guī)則函數(shù)作為參數(shù)闖入，進(jìn)行排序console.log("排序后：",list.sort(compare));console.log("--------------------------------------------------------------------");//降序，第一個(gè)參數(shù)比第二個(gè)參數(shù)大則返回負(fù)數(shù)，第一個(gè)參數(shù)比第二個(gè)參數(shù)小則返回正數(shù)，相等則返回0function compare2(a,b){return b-a;}console.log("排序前：",list);//定義的比較規(guī)則函數(shù)作為參數(shù)闖入，進(jìn)行排序console.log("排序后：",list.sort(compare2));// function fn(value,index){// console.log(index,value);// }// list.forEach(fn);</script></head>
<body></body>
</html>
4.3 控制臺(tái)結(jié)果打印
瀏覽器結(jié)果輸出
4. 示例代碼下載
示例代碼已上傳至CSDN資源庫(kù)
下載地址：JavaScript 數(shù)組排序 比較器 示例代碼
感謝閱讀，祝君暴富！