Sort array by two properties in angular

Question

How can I sort first by the payment then by the amount in angular?

In c#, I can easily do array.orderBy(x => x.payment).thenby(x => x.amount)

Is there a similar thing in angular? I was exploring the Array.Sort() but does not have what I need.

We also have a special requirement to sort payment4 to the last.

   array = [
    { payment: 'payment1', description:'desc1', place:'place1', amount: 1 },
    { payment: 'payment1', description:'desc1', place:'place2', amount: 10 },
    { payment: 'payment3', description:'desc3', place:'place3', amount: 17 },
    { payment: 'payment4', description:'desc4', place:'place4', amount: 14 },
    { payment: 'payment4', description:'desc4', place:'place4', amount: 51 },
    { payment: 'payment5', description:'desc5', place:'place5', amount: 31 },
    { payment: 'payment1', description:'desc1', place:'place1', amount: 111 },
    { payment: 'payment1', description:'desc1', place:'place2', amount: 71 },
    { payment: 'payment3', description:'desc3', place:'place3', amount: 17 },
    { payment: 'payment4', description:'desc4', place:'place4', amount: 21 },
    { payment: 'payment4', description:'desc4', place:'place4', amount: 18 },
    { payment: 'payment5', description:'desc5', place:'place5', amount: 123 }
    ]

lodash will help you to do this super easy: https://lodash.com/docs/4.17.5#sortBy — Ricardo, Feb 23 '18 at 13:39

Nikhil Aggarwal · Accepted Answer · 2018-02-23T14:28:38.237

0

You need to write a custom sort function.

array.sort(function (a, b) {
    if(a.payment == b.payment) {
        return (a.amount < b.amount) ? -1 : (a.amount > b.amount) ? 1 : 0;
    } else if (a.payment == 'payment4' && b.payment != 'payment4') {
        return 1; 
    } else if (a.payment != 'payment4' && b.payment == 'payment4') {
        return -1;
    } else {
        return (a.payment < b.payment) ? -1 : 1;
    }
});

edited Feb 23 '18 at 14:28

answered Feb 23 '18 at 13:43

Nikhil Aggarwal

28,197
4
43
59

You sure it works? – ove Feb 23 '18 at 13:44
@ove - I tried and it did worked for me. You can try at your end and confirm. For reference - http://plnkr.co/edit/5pSk5F5GgqxrfTXI8CEQ?p=preview – Nikhil Aggarwal Feb 23 '18 at 13:45
Thanks. We have a special requirement to sort payment 4 to the last. Is it possible? – ove Feb 23 '18 at 14:20
@ove - I have updated my answer. Please check - http://plnkr.co/edit/5pSk5F5GgqxrfTXI8CEQ?p=preview – Nikhil Aggarwal Feb 23 '18 at 14:29

Sort array by two properties in angular

1 Answers1