JS sort方法詳解
阿新 • • 發佈:2018-11-13
js的sort()方法
說明
如果呼叫該方法時沒有使用引數,將按字母順序對陣列中的元素進行排序,說得更精確點,是按照字元編碼的順序進行排序。要實現這一點,首先應把陣列的元素都轉換成字串(如有必要),以便進行比較。
array.sort()方法預設是升序排序,如果想按照其他標準進行排序,就需要提供比較函式,該函式要比較兩個值,然後返回一個用於說明這兩個值的相對順序的數字。比較函式應該具有兩個引數 a 和 b,其返回值如下:
- 若 a 小於 b,在排序後的陣列中 a 應該出現在 b 之前,則返回一個小於 0 的值。
- 若 a 等於 b,則返回 0。
- 若 a 大於 b,則返回一個大於 0 的值。
簡單點:比較函式兩個引數a和b,返回a-b升序,返回b-a降序
以下通過幾個例子來理解
普通陣列 升序
var arr = [4,3,6,5,7,2,1]; arr.sort(); console.log(arr); //輸出結果[1,2,3,4,5,6,7]
普通資料 降序
var arr = [4,3,6,5,7,2,1]; arr.sort(); arr.sort(function(a,b){ return b-a; }); console.log(arr); //輸出結果[7,6,5,4,3,2,1]
物件陣列排序
var arr= [ { 'sortNo': 2}, { 'sortNo': 1}, { 'sortNo': 5}, { 'sortNo': 6}, { 'sortNo': 7}, { 'sortNo': 3}, { 'sortNo': 9}, { 'sortNo': 4}, { 'sortNo': 0} ]; arr.sort(function(a, b){ return a.sortNo - b.sortNo; }); console.log(arr); //輸出結果 //{ 'sortNo': 0} //{ 'sortNo': 1} //{ 'sortNo': 2} //{ 'sortNo': 3} //{ 'sortNo': 4} //{ 'sortNo': 5} //{ 'sortNo': 6} //{ 'sortNo': 7} //{ 'sortNo': 9}
物件陣列多條件排序
(此例如果sortNo相同,則按sortNo2從大到小)
var arr= [ { 'sortNo': 2, 'sortNo2': 3}, { 'sortNo': 1, 'sortNo2': 3}, { 'sortNo': 5, 'sortNo2': 3}, { 'sortNo': 6, 'sortNo2': 3}, { 'sortNo': 7, 'sortNo2': 3}, { 'sortNo': 3, 'sortNo2': 4}, { 'sortNo': 3, 'sortNo2': 2}, { 'sortNo': 3, 'sortNo2': 1}, { 'sortNo': 3, 'sortNo2': 3}, { 'sortNo': 8, 'sortNo2': 3}, { 'sortNo': 4, 'sortNo2': 1}, { 'sortNo': 4, 'sortNo2': 2} ]; arr.sort(function(a, b){ if (a.sortNo === b.sortNo) { return b.sortNo2 - a.sortNo2; } else { return a.sortNo - b.sortNo; } }); console.log(arr); //輸出結果 //{ 'sortNo': 1, 'sortNo2': 3} //{ 'sortNo': 2, 'sortNo2': 3} //{ 'sortNo': 3, 'sortNo2': 4} //{ 'sortNo': 3, 'sortNo2': 3} //{ 'sortNo': 3, 'sortNo2': 2} //{ 'sortNo': 3, 'sortNo2': 1} //{ 'sortNo': 4, 'sortNo2': 2} //{ 'sortNo': 4, 'sortNo2': 1} //{ 'sortNo': 5, 'sortNo2': 3} //{ 'sortNo': 6, 'sortNo2': 3} //{ 'sortNo': 7, 'sortNo2': 3} //{ 'sortNo': 8, 'sortNo2': 3}