How to reverse sort again after sort an array of objects?

Question

I'm doing a list of items by using a v-for and for each properties i'm trying to sort them by ascending and descending.

The fact is I trigger the sort function on a v-btn to sort by ascending but when i click again nothing happen. I would like to reverse the sort and etc. when I click again on it.

My current method for on of my property is :

sortByScope()
      {
        this.alerts.sort(function(a, b){
            if(a.scope < b.scope){ return -1 }
            if(a.scope > b.scope){ return 1 }
            return 0
        })
      },

Do you have any ideas ?

Thanks for your attention

you mean like this solutione? stackoverflow.com/a/50503194/4173464 — db1975
– db1975, Commented Feb 19, 2020 at 9:23
wow ! I thought i searched in all Stack topics but you nailed it ! Thank you ! — Naudje
– Naudje, Commented Feb 19, 2020 at 9:45

Titulum · Accepted Answer · 2020-02-19 09:53:03Z

1

If I understand your question correctly, you want your button to sort ascending or descending based on the current sorting of the column. You can do so by using a toggle flag:

sortByScope() {
  this.alerts.sort(function (a, b) {
    return this.sortScopeToggle
      ? a - b
      : b - a;
  });
  this.sortScopeToggle = !this.sortScopeToggle;
}

Where sortScopeToggle is a boolean that keeps track of the sorting order, and based on this boolean, a ternary operation returns the sorting algorithm.

edited Feb 19, 2020 at 9:53

answered Feb 19, 2020 at 9:25

Titulum

11.6k13 gold badges54 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ele Over a year ago

Why not only one handler and within the handler use the ternary condition?

Ele Over a year ago

this.alerts.sort((a, b) => this.sortScopeToggle ? (a - b) : (b - a));

Naudje Over a year ago

I have several properties to sort and @db1975 redirect me to an other topic with is exactly what i needed link. With one method and with using a computed one it work like a charm.

Collectives™ on Stack Overflow

How to reverse sort again after sort an array of objects?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related