How to define custom sort function in javascript?

Question

I use atocomplete.jquery plugin to suggest input text, as the result I get this array:

['White 023','White','White flower', 'Teatr']

When I start to search something thats begin from te substring it shows me array sorting like this:

'White','White 023','White flower', 'Teatr'

I need something like this:

 'Teatr','White','White 023','White flower'

Any ideas?

You can find some useful answers to this topic here: Sorting objects in an array by a field value in JavaScript — jherax
– jherax, Commented Nov 5, 2014 at 16:00

erickb · Accepted Answer · 2018-10-22 13:45:26Z

129

It could be that the plugin is case-sensitive. Try inputting Te instead of te. You can probably have your results setup to not be case-sensitive. This question might help.

For a custom sort function on an Array, you can use any JavaScript function and pass it as parameter to an Array's sort() method like this:

var array = ['White 023', 'White', 'White flower', 'Teatr'];

array.sort(function(x, y) {
  if (x < y) {
    return -1;
  }
  if (x > y) {
    return 1;
  }
  return 0;
});

// Teatr White White 023 White flower
document.write(array);

More Info here on Array.sort.

edited Oct 22, 2018 at 13:45

answered Feb 15, 2011 at 11:16

erickb

6,3094 gold badges27 silver badges19 bronze badges

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

8 Comments

Tyler Over a year ago

Custom sort() calls are useful, but this example is misleading. The comparison function should not return a boolean, but rather a signed integer where a negative return value means x < y, positive means x > y and 0 means x = 0. For example, if x and y were integers, it would be easy to write such a function as function(x, y) { return x - y; }

onetdev Over a year ago

You are right Tyler! When i saw the accepted solution i wanted to comment correction but you did it first.

abw333 Over a year ago

@Tyler I think you mean that a return value of 0 means x=y, not x=0.

Tyler Over a year ago

@abw333 Yes! That was a typo. Too bad I can't edit that comment anymore.

William Hilton Over a year ago

Agh! I just spent 10 minutes trying to figure out why my sort didn't work. Can we fix this typo? It must rank high on google for me to have found it.

|

Lior Elrom · Accepted Answer · 2020-08-11 12:20:00Z

31

For Objects try this:

function sortBy(field) {
  return function(a, b) {
    if (a[field] > b[field]) {
      return -1;
    } else if (a[field] < b[field]) {
      return 1;
    }
    return 0;
  };
}

edited Aug 11, 2020 at 12:20

answered May 12, 2014 at 3:13

Lior Elrom

21.1k16 gold badges83 silver badges94 bronze badges

1 Comment

Bob Stein Over a year ago

Reverses the order.

Plakhoy · Accepted Answer · 2019-12-31 13:46:45Z

24

or shorter

function sortBy(field) {
  return function(a, b) {
    return (a[field] > b[field]) - (a[field] < b[field])
  };
}

let myArray = [
    {tabid: 6237, url: 'https://reddit.com/r/znation'},
    {tabid: 8430, url: 'https://reddit.com/r/soccer'},
    {tabid: 1400, url: 'https://reddit.com/r/askreddit'},
    {tabid: 3620, url: 'https://reddit.com/r/tacobell'},
    {tabid: 5753, url: 'https://reddit.com/r/reddevils'},
]

myArray.sort(sortBy('url'));
console.log(myArray);

edited Dec 31, 2019 at 13:46

Plakhoy

1,8821 gold badge18 silver badges31 bronze badges

answered Aug 17, 2016 at 10:13

Kamyk.pl

3492 silver badges9 bronze badges

2 Comments

Bob Stein Over a year ago

return function(a,b) { return (a[field] > b[field]) - (a[field] < b[field]); } is what I'm guessing you meant. Clever. Usage example would cinch this, e.g. my_array.sort(sortBy('my_field'));

akinuri Over a year ago

I like the arithmetic operation. Looks tidier than explicit checks/returns.

monster_enzy · Accepted Answer · 2017-09-20 16:49:04Z

1

function msort(arr){
    for(var i =0;i<arr.length;i++){
        for(var j= i+1;j<arr.length;j++){
            if(arr[i]>arr[j]){
                var swap = arr[i];
                arr[i] = arr[j];
                arr[j] = swap;
            }
        }
    }
return arr;
}

answered Sep 20, 2017 at 16:49

monster_enzy

271 bronze badge

2 Comments

zfj3ub94rf576hc4eegm Over a year ago

Default sort in javascript will be much faster than bubble sort. OP is asking for a custom comparator, not a custom implementation of sorting in js.

Dinidiniz Over a year ago

When OP explicit said he wants a custom comparator inside the sort function?

Collectives™ on Stack Overflow

How to define custom sort function in javascript?

4 Answers 4

8 Comments

1 Comment

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

8 Comments

1 Comment

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related