第二次单击时反向排序 - Javascript

Question

我有一个函数，可以在单击链接后对 json 数组进行排序（因此使用 onclick 调用该函数）并且该函数可以工作并且可以排序：

function sortArch(a,b) {
x = eval("a." + sort_type).toLowerCase();  
y = eval("b." + sort_type).toLowerCase();  
return ((x < y) ? -1 : ((x > y) ? 1 : 0));
}

当我单击同一个按钮时，我希望该函数反向排序。反转很容易：

x = eval("a." + sort_type).toLowerCase();  
y = eval("b." + sort_type).toLowerCase();  
return ((x < y) ? 1 : ((x > y) ? -1 : 0));

我的问题是让函数知道它需要哪种排序方式。我正在考虑使用布尔标志，但我似乎想不出任何有效的方法。我只是在寻找一种方法来跟踪它的排序方式，然后如果单击该按钮，它将使用第二个代码片段。 提前致谢！

Answer 1

你可以这样做：

function mySort(desc) {
  var mod = desc ? -1 : 1;
  return function(a,b) {
    var lca = a[sort_type].toLowerCase(), 
        lcb = b[sort_type].toLowerCase();
    return lca > lcb ? 1 * mod : lca < lcb -1 * mod : 0;
  }
}

arr.sort(mySort(true)); //sort descending
arr.sort(mySort(false)); //sort ascending

顺便说一句：不必要时尽量不要使用 eval，它既慢又乱

Answer 2

您即将完成：

function compareFunc(sort_type, ascending) {
    var direction = ascending ? 1 : -1;
    return function(a, b) {
        x = a[sort_type].toLowerCase();
        y = b[sort_type].toLowerCase();

        return direction * x.localeCompare(y);
    }
}

使用示例：

persons = [
    {firstName: 'John', lastName: 'Foo'},
    {firstName: 'Bob', lastName: 'Bar'}
];


// In your button click events, use compareFunc to generate the right function :
persons.sort(compareFunc('firstName', true));
// or
persons.sort(compareFunc('firstName', false));
// or
persons.sort(compareFunc('lastName', true));
// or
persons.sort(compareFunc('lastName', false));

干杯！

Answer 3

建议您使用布尔标志：

function sort(reverse){
  if(reverse){
    //reverse sort code
  }else{
    //normal sort code
  }
}

bottonElement.onclick = function(){sort(true);}; //or use addEventHandler

这也允许使用 sort() cass，它会自动执行正常排序，因为 undefined 是“falsy”。