随笔- 132 文章- 1 评论- 5 阅读- 14万

JS Array 进行无限制多条件排序可以指定正反顺序

/************************************************************
 * JSArrayOrder.js
 * 0.1
 * JackieZheng 
 ************************************************************/
  
function compare(a, b, orderArray, isReverse) {
    let c = orderArray[0];
    if (orderArray.length > 1 && (a[c] || a) === (b[c] || b)) {
        return compare(a, b, orderArray.slice(1), isReverse);
    } else {
        return (a[c] || a) === (b[c] || b) ? 0 : ((isReverse ? (a[c] || a) > (b[c] || b) : (a[c] || a) < (b[c] || b)) ? -1 : 1);
    }
}
/**
 * orderArray 指定排序属性，优先级依先后顺序 eg：["name", "num", "time"]
 * isReverse 是否倒序，默认 false
 */
Array.prototype.orderBy = (Array.prototype.orderBy = function (orderArray, isReverse) {
    if (typeof (orderArray) === 'boolean' || typeof (orderArray) === "undefined") {
        isReverse = orderArray;
        orderArray = '';
    }
    if (typeof (orderArray) === 'string') {
        let str = orderArray;
        orderArray = [];
        orderArray.push(str);
    }
    return this.sort((a, b) => {
        return compare(a, b, orderArray, isReverse)
    })
})

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

/*** 以下测试代码***
 
//测试例子
var arr = [{
    name: 'b',
    num: 2,
    time: '2015-06-08 13:44:18'
}, {
    name: 'b',
    num: 3,
    time: '2015-06-08 13:44:18'
}, {
    name: 'a',
    num: 4,
    time: '2015-06-07 13:40:18'
}, {
    name: 'a',
    num: 4,
    time: '2015-06-08 13:44:18'
}, {
    name: 'c',
    num: 6,
    time: '2015-06-07 13:40:18'
}, ];
 
 
//单项默认排序
arr.orderBy("num"); 
//结果
(5) [{…}, {…}, {…}, {…}, {…}]
0: {name: "b", num: 2, time: "2015-06-08 13:44:18"}
1: {name: "b", num: 3, time: "2015-06-08 13:44:18"}
2: {name: "a", num: 4, time: "2015-06-08 13:44:18"}
3: {name: "a", num: 4, time: "2015-06-07 13:40:18"}
4: {name: "c", num: 6, time: "2015-06-07 13:40:18"}
length: 5
__proto__: Array(0)
 
 
//单项反向排序
arr.orderBy("num",true);  
//结果
(5) [{…}, {…}, {…}, {…}, {…}]
0: {name: "c", num: 6, time: "2015-06-07 13:40:18"}
1: {name: "a", num: 4, time: "2015-06-08 13:44:18"}
2: {name: "a", num: 4, time: "2015-06-07 13:40:18"}
3: {name: "b", num: 3, time: "2015-06-08 13:44:18"}
4: {name: "b", num: 2, time: "2015-06-08 13:44:18"}
length: 5
__proto__: Array(0)
  
//多项默认排序
arr.orderBy(["name", "num", "time"]); 
//结果
(5) [{…}, {…}, {…}, {…}, {…}]
0: {name: "a", num: 4, time: "2015-06-07 13:40:18"}
1: {name: "a", num: 4, time: "2015-06-08 13:44:18"}
2: {name: "b", num: 2, time: "2015-06-08 13:44:18"}
3: {name: "b", num: 3, time: "2015-06-08 13:44:18"}
4: {name: "c", num: 6, time: "2015-06-07 13:40:18"}
length: 5
__proto__: Array(0)
 
 
//多项反向排序
arr.orderBy(["name", "num", "time"], true);
//结果
(5) [{…}, {…}, {…}, {…}, {…}]
0: {name: "c", num: 6, time: "2015-06-07 13:40:18"}
1: {name: "b", num: 3, time: "2015-06-08 13:44:18"}
2: {name: "b", num: 2, time: "2015-06-08 13:44:18"}
3: {name: "a", num: 4, time: "2015-06-08 13:44:18"}
4: {name: "a", num: 4, time: "2015-06-07 13:40:18"}
length: 5
__proto__: Array(0)
  
//简单默认排序
["b","c","a"].orderBy()
//结果
(3) ["a", "b", "c"]
0: "a"
1: "b"
2: "c"
length: 3
__proto__: Array(0)
 
 
//简单反向排序
["b","c","a"].orderBy(true)
//结果
(3) ["c", "b", "a"]
0: "c"
1: "b"
2: "a"
length: 3
__proto__: Array(0)
 
 
//简单默认排序
[11,2,1,6,5,10,56].orderBy()
//结果
(7) [1, 2, 5, 6, 10, 11, 56]
0: 1
1: 2
2: 5
3: 6
4: 10
5: 11
6: 56
length: 7
__proto__: Array(0)
 
 
//简单反向排序
[11,2,1,6,5,10,56].orderBy(true)
//结果
(7) [56, 11, 10, 6, 5, 2, 1]
0: 56
1: 11
2: 10
3: 6
4: 5
5: 2
6: 1
length: 7
__proto__: Array(0)
 
 
 *** 测试代码 结束***/