¿Cómo puedo hacer una ordenación asc y desc usando underscore.js?

Actualmente estoy usando underscorejs para ordenar mi ordenación json. Ahora he pedido hacer ascendingy descendingordenar usando underscore.js. No veo nada relacionado con lo mismo en la documentación. ¿Cómo puedo conseguir esto?

Puede usar .sortBy, siempre devolverá una lista ascendente :

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

Pero puedes usar el método .reverse para que descienda :

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

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

O cuando se trata de números, agregue un signo negativo al retorno para descender la lista:

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

Debajo del capó se .sortByutiliza el incorporado .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;
});

El orden descendente con guión bajo se puede hacer multiplicando el 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]

Si está ordenando por cadenas, no por números, puede usar el método charCodeAt () para obtener el valor Unicode.

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

El método inverso del prototipo de matriz modifica la matriz y le devuelve una referencia, lo que significa que puede hacer esto:

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

Además, la documentación de subrayado dice:

Además, los métodos del prototipo de matriz se representan mediante el objeto subrayado encadenado, por lo que puede deslizar a reverseo a pushen su cadena y continuar modificando la matriz.

lo que significa que también puedes usar .reverse()mientras encadenas:

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

De manera similar a la biblioteca Underscore, hay otra biblioteca llamada 'lodash' que tiene un método "orderBy" que toma el parámetro para determinar en qué orden ordenarlo. Puedes usarlo como

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

Por alguna razón, no está documentado en los documentos del sitio web.

Subrayar mixins

Ampliando la respuesta de @ emil_lundberg, también puede escribir un "mixin" si está usando Underscore para hacer una función personalizada para ordenar si es un tipo de clasificación que podría repetir en una aplicación en alguna parte.

Por ejemplo, tal vez tenga un controlador o vea los resultados de clasificación con el orden de clasificación "ASC" o "DESC", y desee alternar entre ese tipo, podría hacer algo como esto:

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;
      }
    }
})

Ejemplo 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');
})

Aquí hay un JSFiddle que demuestra esto: JSFiddle para SortBy Mixin