javascript - 如何在对对象数组进行排序后再次反向排序？

Question

我正在使用 v-for 来创建项目列表，对于每个属性，我尝试按升序和降序对它们进行排序。

事实是我触发了 v-btn 上的排序功能以升序排序，但是当我再次单击时什么也没有发生。当我再次单击它时，我想反转排序等。

我当前的属性(property)方法是:

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

你有什么想法吗？

感谢您的关注

Answer 1

如果我正确理解您的问题，您希望按钮根据列的当前排序进行升序或降序排序。您可以通过使用切换标志来做到这一点:

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

其中 sortScopeToggle 是一个 bool 值，用于跟踪排序顺序，并基于此 bool 值生成 ternary operation返回排序算法。