How do I execute a custom backbone sort on different attributes?

Question

I'm trying to do the following. I would like to sort some baseball players with this in mind. Managers should be at the top (sorted by active then name), then I would like to sort the player or any other type - could be several other types by active and then name.

To top it off, I'm using a case insensitive naturalsort on the name.

This is an example 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}
]

sort on these should produce:

[
    {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},
]

One thing I've tried is a case statement, but I dont know how to do the next level sort (name and active)

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

@EmileBergeron This is not only multiple fields. There is another depth to this question. — KingKongFrog, Jun 14 '17 at 21:36
What is described in your question is the usual case of multiple field sorting. — Emile Bergeron, Jun 14 '17 at 21:37
@EmileBergeron Please re-read it. You obviously didn't understand that its 2 levels of sort followed by multiple field sort. — KingKongFrog, Jun 14 '17 at 21:40
It's just a simple custom sort, the question I marked as a dupe has multiple ways to achieve this... — Emile Bergeron, Jun 14 '17 at 21:41
@EmileBergeron If it's simple - how about a little assistance vs. just pointing to a question with similar keywords. — KingKongFrog, Jun 14 '17 at 21:45
ABsolutely. Do you see any issue with it? Sorted my Manager vs anything else. Then sorted by active, then sorted by name. — KingKongFrog, Jun 14 '17 at 23:15

Rick · Accepted Answer · 2017-06-16T22:24:15.627

Normally you would use the || operator to specify a sorting order. However, In your case, the sorting order based on conditions does not apply. You are not explicitly sorting, but ordering in layers like a cake. So you will need to modify your sort function.

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);

Thanks. What the difference between this answer and using || operator. — KingKongFrog, Jun 15 '17 at 00:27
@KingKongFrog let me know if there is something wrong with the answer — Rick, Jun 15 '17 at 04:04

How do I execute a custom backbone sort on different attributes?

1 Answers1