JavaScript 的數(shù)組排序是一個非常常見業(yè)務(wù)場景

ECMAScript 為數(shù)組提供了一個原生的sort函數(shù)，今天我們就來好好看看你對sort函數(shù)究竟了解多少。

首先我們來看一下sort函數(shù)的基本信息

語法： arr.sort([compareFunction]) 參數(shù): compareFunction [可選] 用于數(shù)組排序規(guī)則的比較函數(shù)。如果不含有該參數(shù)，數(shù)組元素按照轉(zhuǎn)換字符串的各個字符的Unicode編碼順序進(jìn)行排序。compareFunction 參數(shù)：firstElement 用于比較的第一個元素secondElement 用于比較的第二個元素 返回值: 排序后的數(shù)組，返回的是當(dāng)前數(shù)組。

我們先來看看各種排序的應(yīng)用方式

?沒有參數(shù)的默認(rèn)排序
?

// 當(dāng)沒有參數(shù)傳入時 默認(rèn)按照數(shù)組轉(zhuǎn)成字符串后的結(jié)果每一位的Unicode編碼進(jìn)行排序 let arr = [311,43,54,4,40,26,31,33]; arr.sort(); console.log(arr); // [26, 31, 311, 33, 4, 40, 43, 54]

?升序排列

let arr = [311,43,54,4,40,26,31,33]; arr.sort((a,b) => a - b); console.log(arr); // [4, 26, 31, 33, 40, 43, 54, 311]

降序排列

let arr = [311,43,54,4,40,26,31,33]; arr.sort((a,b) => b - a); console.log(arr); // [311, 54, 43, 40, 33, 31, 26, 4]

好了，看完升序和降序排列以后我們來聊聊排序的規(guī)則。

如果添加了 compareFunction 那么數(shù)組會按該函數(shù)的返回值結(jié)果進(jìn)行排序。

即 compareFunction(a,b) 表示 a,b的比較結(jié)果，規(guī)則如下：

• 如果返回值結(jié)果小于0，則a和b的順序不變;
• 如果返回值結(jié)果等于0，則a和b的順序不變;
• 如果返回值的結(jié)果大于0，a和b會交換位置。

了解了以上排序結(jié)果以后我們可以使用sort方法顛倒數(shù)組的順序(實現(xiàn)類似于reverse方法的效果)

let arr = [311,43,54,4,40,26,31,33]; arr.sort(() => -1); console.log(arr); // [33, 31, 26, 40, 4, 54, 43, 311]

隨機排序

let arr = [311,43,54,4,40,26,31,33]; arr.sort((a,b) => Math.random() - 0.5); console.log(arr); // 結(jié)果為隨機排序

?按照對象指定的屬性值進(jìn)行升序或降序排列

var arr = [{name: 'zhangsan',age: 20 }, {name: 'lisi',age: 15 }, {name: 'wangwu',age: 17 }, {name: 'zhaoliu',age: 23 }, {name: 'fengqi',age: 31 }, {name: 'xiaoming',age: 11 }];function sortby(prop, rev = true) {// prop 屬性名// rev 升序降序 默認(rèn)升序return function(a, b) {var val1 = a[prop]; var val2 = b[prop]; return rev ? val1 - val2 : val2 - val1;} }arr.sort(sortby('age')); // 根據(jù)age進(jìn)行升序排列 arr.sort(sortby('age',false)); // 根據(jù)age進(jìn)行降序排列

升序排列結(jié)果 :

降序排列結(jié)果 :

我們再來看看特別的排序方式

先按奇數(shù)升序排列，后按偶數(shù)升序排列

let arr = [311,43,54,4,40,26,31,33]; arr.sort((a,b)=>{if(!(a % 2) && b % 2) return 1; // 首先滿足條件a為偶數(shù),b為奇數(shù)if((a % 2 && b % 2 || !(a % 2) && !(b % 2)) && a > b) return 1; // 判斷a b 均為奇數(shù)或偶數(shù) 且a > b 即可進(jìn)行升序排序return -1; }); console.log(arr); // [31, 33, 43, 311, 4, 26, 40, 54] 千鋒HTML5學(xué)院：如何講清楚函數(shù)防抖？?zhuanlan.zhihu.com千鋒HTML5學(xué)院：如何講清楚函數(shù)節(jié)流？?zhuanlan.zhihu.com千鋒HTML5學(xué)院：如何講清楚閉包？?zhuanlan.zhihu.com

總結(jié)

以上是生活随笔為你收集整理的c#sort升序还是降序_被玩坏的数组排序之sort函数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。