Come posso fare un ordinamento asc e desc usando underscore.js?

Attualmente sto usando underscorejs per ordinare il mio ordinamento JSON. Ora ho chiesto di fare un ascendinge descendingordinamento utilizzando underscore.js. Non vedo nulla riguardo allo stesso nella documentazione. Come posso raggiungere questo obiettivo?

È possibile utilizzare .sortBy, restituirà sempre un elenco crescente :

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

Ma puoi usare il metodo .reverse per farlo scendere :

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

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

O quando hai a che fare con i numeri aggiungi un segno negativo al ritorno per discendere l'elenco:

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

Sotto il cofano .sortByutilizza il incorporato .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;
});

L'ordine decrescente usando il trattino basso può essere fatto moltiplicando il valore restituito per -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 stai ordinando per stringhe non numeri, puoi usare il metodo charCodeAt () per ottenere il valore unicode.

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

Il metodo inverso del prototipo di array modifica l'array e restituisce un riferimento ad esso, il che significa che è possibile farlo:

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

Inoltre, la documentazione di sottolineatura recita:

Inoltre, i metodi del prototipo dell'array vengono sottoposti a proxy tramite l'oggetto concatenato concatenato, quindi è possibile inserire a reverseo a pushnella catena e continuare a modificare l'array.

il che significa che puoi anche usare .reverse()mentre concateni:

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

Simile alla libreria Underscore c'è un'altra libreria chiamata 'lodash' che ha un metodo "orderBy" che accetta il parametro per determinare in quale ordine ordinarlo. Puoi usarlo come

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

Per qualche motivo, non è documentato nei documenti del sito Web.

Underscore Mixins

Estendendo la risposta di @emil_lundberg, puoi anche scrivere un "mixin" se stai usando Underscore per creare una funzione personalizzata per l'ordinamento se è un tipo di ordinamento che potresti ripetere in un'applicazione da qualche parte.

Ad esempio, forse hai un controller o visualizzi i risultati dell'ordinamento con l'ordinamento di "ASC" o "DESC" e vuoi passare da quell'ordinamento, potresti fare qualcosa del genere:

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

Esempio di utilizzo

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

Ecco un JSFiddle che lo dimostra: JSFiddle per SortBy Mixin