Como posso classificar asc e desc usando underscore.js?

Atualmente, estou usando underscorejs para classificar minha classificação de json. Agora eu ter pedido para fazer um ascendinge descendingclassificação usando underscore.js. Não vejo nada a respeito na documentação. Como posso conseguir isso?

Você pode usar .sortBy, ele sempre retornará uma lista crescente :

_.sortBy([2, 3, 1], function(num) {
    return num;
}); // [1, 2, 3]

Mas você pode usar o método .reverse para fazê-lo descer :

var array = _.sortBy([2, 3, 1], function(num) {
    return num;
});

console.log(array); // [1, 2, 3]
console.log(array.reverse()); // [3, 2, 1]

Ou, ao lidar com números, adicione um sinal negativo ao retorno para descer a lista:

_.sortBy([-3, -2, 2, 3, 1, 0, -1], function(num) {
    return -num;
}); // [3, 2, 1, 0, -1, -2, -3]

Sob o capô .sortByusa o construído em .sort([handler]):

// Default is ascending:
[2, 3, 1].sort(); // [1, 2, 3]

// But can be descending if you provide a sort handler:
[2, 3, 1].sort(function(a, b) {
    // a = current item in array
    // b = next item in array
    return b - a;
});

A ordem decrescente usando sublinhado pode ser feita multiplicando o valor de retorno por -1.

//Ascending Order:
_.sortBy([2, 3, 1], function(num){
    return num;
}); // [1, 2, 3]


//Descending Order:
_.sortBy([2, 3, 1], function(num){
    return num * -1;
}); // [3, 2, 1]

Se você estiver classificando por seqüências de caracteres, não por números, poderá usar o método charCodeAt () para obter o valor unicode.

//Descending Order Strings:
_.sortBy(['a', 'b', 'c'], function(s){ 
    return s.charCodeAt() * -1;
});

O método reverso do protótipo Array modifica a matriz e retorna uma referência a ela, o que significa que você pode fazer isso:

var sortedAsc = _.sortBy(collection, 'propertyName');
var sortedDesc = _.sortBy(collection, 'propertyName').reverse();

Além disso, a documentação sublinhada diz:

Além disso, os métodos do protótipo Array são submetidos a proxy por meio do objeto Underscore em cadeia, para que você possa inserir reverseum ou um pushem sua cadeia e continuar modificando a matriz.

o que significa que você também pode usar .reverse()durante o encadeamento:

var sortedDescAndFiltered = _.chain(collection)
    .sortBy('propertyName')
    .reverse()
    .filter(_.property('isGood'))
    .value();

Semelhante à biblioteca de sublinhado, existe outra biblioteca chamada 'lodash' que possui um método "orderBy", que utiliza o parâmetro para determinar em qual ordem classificá-lo. Você pode usá-lo como

_.orderBy('collection', 'propertyName', 'desc')

Por algum motivo, não está documentado nos documentos do site.

Sublinhado Mixins

Estendendo-se à resposta de @ emil_lundberg, você também pode escrever um "mixin" se estiver usando o Underscore para criar uma função personalizada para classificação, se for um tipo de classificação que você poderá repetir em um aplicativo em algum lugar.

Por exemplo, talvez você tenha um controlador ou visualize os resultados da classificação com a ordem de classificação "ASC" ou "DESC" e deseje alternar entre essa classificação. Você pode fazer algo assim:

Mixin.js

_.mixin({
    sortByOrder: function(stooges, prop, order) {
      if (String(order) === "desc") {
          return _.sortBy(stooges, prop).reverse();
      } else if (String(order) === "asc") {
          return _.sortBy(stooges, prop);
      } else {
          return stooges;
      }
    }
})

Exemplo de uso

var sort_order = "asc";
var stooges = [
  {name: 'moe', age: 40}, 
  {name: 'larry', age: 50}, 
  {name: 'curly', age: 60},
  {name: 'July', age: 35},
  {name: 'mel', age: 38}
 ];

_.mixin({
    sortByOrder: function(stooges, prop, order) {
    if (String(order) === "desc") {
        return _.sortBy(stooges, prop).reverse();
    } else if (String(order) === "asc") {
        return _.sortBy(stooges, prop);
    } else {
        return stooges;
    }
  }
})


// find elements
var banner = $("#banner-message");
var sort_name_btn = $("button.sort-name");
var sort_age_btn = $("button.sort-age");

function showSortedResults(results, sort_order, prop) {
    banner.empty();
    banner.append("<p>Sorting: " + prop + ', ' + sort_order + "</p><hr>")
  _.each(results, function(r) {
    banner.append('<li>' + r.name + ' is '+ r.age + ' years old.</li>');
  }) 
}

// handle click and add class
sort_name_btn.on("click", function() {
  sort_order = (sort_order === "asc") ? "desc" : "asc"; 
    var sortedResults = _.sortByOrder(stooges, 'name', sort_order);
  showSortedResults(sortedResults, sort_order, 'name');
})

sort_age_btn.on('click', function() {
    sort_order = (sort_order === "asc") ? "desc" : "asc"; 
    var sortedResults = _.sortByOrder(stooges, 'age', sort_order);
  showSortedResults(sortedResults, sort_order, 'age');
})

Aqui está um JSFiddle demonstrando isso: JSFiddle para SortBy Mixin