排序功能

时间:2019-05-30 06:11:46

标签: javascript html sorting

我有一个下拉菜单,其值为“按落后者排序”和“排序”      创建人:成功者     应该对(laggards)的升序数据和(Achievers)的降序数据进行排序

HTML代码:

<select ng-model="sortValueDropdown" ng-change="sortBy()">
  <option value="Sort by:Laggards" selected>Sort by: {{ Laggards | order }}
  </option>
  <option value="Sort by:Achievers">Sort by: Achievers
  </option>
</select>

JavaScript代码:

$scope.laggards = [
  {"name":"NOP","No":"1000"},
  {"name":"NOP","No":"1200"},
  {"name":"NOP","No":"5000"}
];

$scope.achievers = [
  {"name":"NOP","No":"2500"},
  {"name":"NOP","No":"1280"},
  {"name":"NOP","No":"5600"}
];

$scope.sortBy = function() {
  $scope.sortVal = $scope.sortValueDropdown;

  alert($scope.sortVal);

  if($scope.sortVal == 'Laggards') {            

  } else if($scope.sortVal == 'Achievers') {            

  }
}

我有上面的代码。请让我知道如何使用sort函数对该数据进行排序。我是新来的。

1 个答案:

答案 0 :(得分:0)

您可以使用JavaScript的Array#sort函数来实现此目的。 例: 对于落后者:

 $scope.laggards.sort(function (a, b) {
    return a.No - b.No;
 });

对于成就者:

 $scope.achievers.sort(function (a, b) {
    return a.No - b.No;
 });