Làm cách nào tôi có thể thực hiện sắp xếp asc và desc bằng underscore.js?

Tôi hiện đang sử dụng dấu gạch dưới để sắp xếp json sắp xếp của tôi. Bây giờ tôi đã yêu cầu thực hiện ascendingvà descendingsắp xếp bằng cách sử dụng underscore.js. Tôi không thấy bất cứ điều gì liên quan đến cùng trong tài liệu. Làm thế nào tôi có thể đạt được điều này?

Bạn có thể sử dụng .sortBy, nó sẽ luôn trả về một danh sách tăng dần :

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

Nhưng bạn có thể sử dụng phương thức .reverse để làm cho nó giảm dần :

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

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

Hoặc khi giao dịch với các số, thêm dấu âm vào biểu đồ để xuống danh sách:

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

Dưới mui xe .sortBysử dụng tích hợp .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;
});

Thứ tự giảm dần sử dụng dấu gạch dưới có thể được thực hiện bằng cách nhân giá trị trả về với -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]

Nếu bạn sắp xếp theo chuỗi không phải là số, bạn có thể sử dụng phương thức charCodeAt () để lấy giá trị unicode.

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

Các Array Avatar của nguyên mẫu phương pháp ngược Sửa đổi mảng và trả về một tham chiếu đến nó, có nghĩa là bạn có thể làm điều này:

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

Ngoài ra, tài liệu gạch dưới đọc:

Ngoài ra, các phương thức của nguyên mẫu Array được ủy quyền thông qua đối tượng Underscore được xâu chuỗi, do đó bạn có thể trượt một reversehoặc một pushchuỗi vào chuỗi của mình và tiếp tục sửa đổi mảng.

có nghĩa là bạn cũng có thể sử dụng .reverse()trong khi xâu chuỗi:

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

Tương tự như thư viện Underscore, có một thư viện khác gọi là 'lodash' có một phương thức "orderBy" lấy tham số để xác định thứ tự sắp xếp nó. Bạn có thể sử dụng nó như

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

Vì một số lý do, nó không được ghi lại trên tài liệu của trang web.

Mixins gạch dưới

Mở rộng câu trả lời của @ emil_lundberg, bạn cũng có thể viết "mixin" nếu bạn đang sử dụng Underscore để tạo một chức năng tùy chỉnh để sắp xếp nếu đó là một loại sắp xếp bạn có thể lặp lại trong một ứng dụng ở đâu đó.

Ví dụ: có thể bạn có bộ điều khiển hoặc xem kết quả sắp xếp theo thứ tự sắp xếp "ASC" hoặc "DESC" và bạn muốn chuyển đổi giữa loại đó, bạn có thể làm một cái gì đó như thế này:

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

Ví dụ sử dụng

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

Đây là một JSFiddle chứng minh điều này: JSFiddle cho SortBy Mixin