如何在不同属性上执行自定义主干排序?

时间:2017-06-14 21:21:11

标签: javascript sorting backbone.js backbone-collections

我试图做以下事情。考虑到这一点,我想对一些棒球运动员进行排序。管理员应该在顶部(按活动然后命名),然后我想对播放器或任何其他类型进行排序 - 可以是其他几种类型的活动然后命名。

最重要的是,我在名称上使用了不区分大小写的自然风格。

这是一个示例列表:

[
    {type: 'manager', name: 'Michael A', active: true},
    {type: 'player', name: 'Abraham B', active: true},
    {type: 'player', name: 'Jason R', active: false},
    {type: 'manager', name: 'John A', active: true},
    {type: 'coach', name: 'Ron A', active: true},
    {type: 'player', name: 'Bobby A', active: false},
    {type: 'player', name: 'Bobby J', active: true}
]

对它们进行排序应该产生:

[
    {type: 'manager', name: 'Michael A', active: true},
    {type: 'manager', name: 'John A', active: true},

    {type: 'player', name: 'Abraham B', active: true},
    {type: 'player', name: 'Bobby J', active: true}
    {type: 'coach',  name: 'Ron A', active: true},
    {type: 'player', name: 'Bobby A', active: false},
    {type: 'player', name: 'Jason R', active: false},
]

我尝试的一件事是一个案例陈述,但我不知道如何进行下一级排序(名称和活动)

    comparator: function(person) {
        switch (person.get('type')) {
            case 'manager': return 1;
            default: return 2;
        }
    }

1 个答案:

答案 0 :(得分:2)

通常你会使用||运算符以指定排序顺序。但是,在您的情况下,基于条件的排序顺序不适用。您没有明确排序,而是像蛋糕一样在层中排序。因此,您需要修改排序功能。

var list = [{
    type: 'manager',
    name: 'Michael A',
    active: true
  },
  {
    type: 'player',
    name: 'Abraham B',
    active: true
  },
  {
    type: 'player',
    name: 'Jason R',
    active: false
  },
  {
    type: 'manager',
    name: 'John A',
    active: true
  },
  {
    type: 'coach',
    name: 'Ron A',
    active: true
  },
  {
    type: 'player',
    name: 'Bobby A',
    active: false
  },
  {
    type: 'player',
    name: 'Bobby J',
    active: true
  }
]

list.sort(function(a, b) {
  return compareActive(a, b) || compareType(a, b) || compareNames(a, b);
});

function compareActive(a, b) {
  if (a.active === b.active) {
    return 0;
  } else if (a.active === true) {
    return -1;
  } else {
    return 1
  }
};

function compareNames(a, b) {
  return a.name.localeCompare(b.name);
};

function compareType(a, b) {
  if (a.type === b.type) {
    return 0;
  } else if (b.type === 'manager') {
    return 1;
  } else if (a.type === 'manager') {
    return -1;
  } else {
    return 0
  }
}
console.log(list);