Javascript custom sort, group certain items at bottom and sort within

Question

In javascript, I have an array of items like so:

[
  'title',
  'firstname',
  'company',
  '[m]usr_phone'
  '[m]usr_city'
]

I would like to sort this using a custom array sort function so that all the non [m] items are sorted at the top, and all the [m] items are sorted and pushed to the bottom (after all the non [m] items)

To achieve this I tried a sort function like this:

function(a, b) {
            if (!a.indexOf('[m]') && b.indexOf('[m]') === 0
                || a.indexOf('[m]') && b.indexOf('[m]')) {
                    return -1;
            }

            if (a.indexOf('[m]') === 0 && !b.indexOf('[m]')) {
                return 1;
            }

            return 0;
        }

But couldn't get it to work properly. I would like the output to be:

[
  'company',
  'firstname',
  'title',
  '[m]usr_city'
  '[m]usr_phone'
]

Thanks for your help!

Nina Scholz · Accepted Answer · 2017-10-26 17:12:14Z

2

You could check the prefix and sort later by String#localeCompare.

var array = ['title', 'firstname', 'company', '[m]usr_phone', '[m]usr_city'];

array.sort(function (a, b) {
    return (a.slice(0, 3) === '[m]') - (b.slice(0, 3) === '[m]') || a.localeCompare(b);
});

console.log(array);

answered Oct 26, 2017 at 17:12

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

2 Comments

Bergi Over a year ago

I think you shouldn't use localeCompare if you don't need a locale comparison.

simon_www Over a year ago

Accepting this as the answer, works great. Interesting note about localeCompare. I'm not to fussed as the list is small (no more than 20 items), however if the list grew considerably then performance may be an issue. You can see that here: jsperf.com/operator-vs-localecompage/3

Sebastian Simon · Accepted Answer · 2017-10-26 17:15:19Z

0

You want to compare items in the same “class” (i.e. either starting with [m] or not) the same way, so use a.startsWith("[m]") == b.startsWith("[m]") to do this, and then use String#localeCompare.

console.log([
  "company",
  "firstname",
  "title",
  "[m]usr_phone",
  "[m]usr_city"
].sort((a, b) => {
  if (a.startsWith("[m]") == b.startsWith("[m]")) {
    return a.localeCompare(b);
  } else {
    return (a.startsWith("[m]") ?
      1 :
      -1);
  }
}));

answered Oct 26, 2017 at 17:15

Sebastian Simon

19.8k8 gold badges61 silver badges88 bronze badges

Collectives™ on Stack Overflow

Javascript custom sort, group certain items at bottom and sort within

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related