JavaScript 的數組排序是一個非常常見業務場景

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

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

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

我們先來看看各種排序的應用方式

?沒有參數的默認排序
?

// 當沒有參數傳入時 默認按照數組轉成字符串后的結果每一位的Unicode編碼進行排序 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]

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

如果添加了 compareFunction 那么數組會按該函數的返回值結果進行排序。

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

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

了解了以上排序結果以后我們可以使用sort方法顛倒數組的順序(實現類似于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); // 結果為隨機排序

?按照對象指定的屬性值進行升序或降序排列

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 升序降序 默認升序return function(a, b) {var val1 = a[prop]; var val2 = b[prop]; return rev ? val1 - val2 : val2 - val1;} }arr.sort(sortby('age')); // 根據age進行升序排列 arr.sort(sortby('age',false)); // 根據age進行降序排列

升序排列結果 :

降序排列結果 :

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

先按奇數升序排列，后按偶數升序排列

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

總結

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

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