JavaScript sort() 的 天坑
阿新 • • 發佈:2018-11-03
前言
習慣了return a < b;卻不知道,JavaScript只支援return a-b
具體參考:w3school
JavaScript sort()使用
普通陣列 升序
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, '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}