Sorting data by multiple fields and conditions

Question

I want to sort the data according to following conditions:

1. Sort by type with precedence as [state,city,district].

   -Data with type state should be at first place, then data with city and so on.

2. Duplicate data should be sort by score.

   -eg : if 3 rows are with type, then sort it by score.

My data object is:

$scope.data = [{
 id: 1,
 name: 'ABC',
 type: 'city',
 score: 0.1
}, {
 id: 2,
 name: 'PQR',
 type: 'city',
 score: 0.7
}, {
 id: 3,
 name: 'ABC',
 type: 'state',
 score: 0.3
});

And template is:

<div ng-repeat="d in data">
 <span>{{d.name}}</span>
 <span>{{d.type}}</span>
 <span>{{d.score}}</span>
</div>

Result should be like this:

ABC state 0.3
PQR city 0.7
ABC city 0.1

Here is the link of plunker.

I want to sort it by multiple fields as well as with a specific precedence.

Any help will be appreciated. Thanks in advance.

Answer 1

You with find all you need in lodash library.

Here is the documentation : https://lodash.com/docs/4.17.4

A start point for you will be the orderBy method : https://lodash.com/docs/4.17.4#orderBy

To resolve your issue :

$scope.data = lodash.orderBy($scope.data, ['type','score'], ['desc', 'desc']);

You can use ngLodash for angularjs (simple install with bower / npm) : https://github.com/rockabox/ng-lodash

Enjoy!

Answer 2

//here is my code. I think this code solve your problem

  var tempFlag = {'state':1, 'city':2, 'district':3}
  $scope.data=[
    {
     id: 1,
     name: 'ABC',
     type: 'city',
     score: 0.1
    }, {
     id: 2,
     name: 'PQR',
     type: 'city',
     score: 0.7
    }, {
     id: 3,
     name: 'ABC',
     type: 'state',
     score: 0.3
    }
    ].sort(function(a, b) {
        if(a.type == b.type)
           return a.score < b.score;
       return tempFlag[a.type] > tempFlag[b.type];
    });