Knockout.js表按值和字母顺序排序

<table>
  <thead>
    <tr>
      <th>名称</th>
      <th>值</th>
    </tr>
  </thead>
  <tbody data-bind="foreach: items">
    <tr>
      <td data-bind="text: name"></td>
      <td data-bind="text: value"></td>
    </tr>
  </tbody>
</table>

function Item(name, value) {
  this.name = ko.observable(name);
  this.value = ko.observable(value);
}

function ViewModel() {
  var self = this;

  self.items = ko.observableArray([
    new Item("Apple", 5),
    new Item("Banana", 3),
    new Item("Orange", 2)
  ]);

  self.sortByValue = function() {
    self.items.sort(function(a, b) {
      return a.value() - b.value();
    });
  };

  self.sortByName = function() {
    self.items.sort(function(a, b) {
      return a.name().localeCompare(b.name());
    });
  };
}

ko.applyBindings(new ViewModel());