Javascript Custom sort function

Question

I have a custom sort function defined as below

sortArrayBy: function(a, b, sortKey) {
    if (a[sortKey] < b[sortKey])
        return -1;
    if (a[sortKey] > b[sortKey])
        return 1;
    return 0;
},

How can I update it to dynamically sort/toggle based on an additional parameter isAscending which can be true/false

So the function signature would look like

sortArrayBy: function(a, b, sortKey, isAscending) {

}

what about the last question without any data. it is the same question. — Nina Scholz
– Nina Scholz, Commented Jan 30, 2018 at 11:52

gurvinder372 · Accepted Answer · 2018-01-30 14:13:37Z

Convert isAscending to a 1 (for ascending) or -1 (for descending)

sortArrayBy: function(a, b, sortKey, isAscending) {
   return (a[sortKey] - b[sortKey]) * (isAscending ? 1 : -1);
}

Demo

function sortArrayBy(arr, sortKey, isAscending) {
  return arr.sort( ( a, b ) => (a[sortKey] - b[sortKey]) * (isAscending ? 1 : -1) );
}

var arr = [
   { a : 1, b: 2 },
   { a : 4, b: 6 },
   { a : 3, b: 4 },
   { a : 12, b: 1 },
   { a : 5, b: 23 },
];

console.log( sortArrayBy( arr, "a", true ) );

console.log( sortArrayBy( arr, "a", false ) );

Edit

Including string comparison as well

function sortArrayBy(arr, type, sortKey, isAscending) {
  if ( type == "string" )
  {
     return arr.sort( ( a, b ) => a[sortKey].localeCompare(b[sortKey]) * (isAscending ? 1 : -1) );
  }

  return arr.sort( ( a, b ) => (a[sortKey] - b[sortKey]) * (isAscending ? 1 : -1) );
}

function sortArrayBy(arr, type, sortKey, isAscending) {
  if ( type == "string" )
  {
     return arr.sort( ( a, b ) => a[sortKey].localeCompare(b[sortKey]) * (isAscending ? 1 : -1) );
  }
  
  return arr.sort( ( a, b ) => (a[sortKey] - b[sortKey]) * (isAscending ? 1 : -1) );
}

var arr = [
   { a : 1, b: "32" },
   { a : 4, b: "w6" },
   { a : 3, b: "s4" },
   { a : 12, b: "v1" },
   { a : 5, b: "2s3" },
];

console.log( sortArrayBy( arr, "", "a", true ) );

console.log( sortArrayBy( arr, "", "a", false ) );


console.log( sortArrayBy( arr, "string", "b", true ) );

console.log( sortArrayBy( arr, "string", "b", false ) );

For some reasons, returning the same data set when isAscending is 1 or -1
@testndtv Please share some sample data-sets in your question.
Thanks..yes, I was passing 1 or -1 from the calling function itself...But can we extend this function to sort both alpha & numeric values...I want to srt in a grid which can have values like "abc", "xyz" and also some columns can have 1,2
Sure, give it a try and post a new question if you are stuck somewhere.

Ali Faris · Accepted Answer · 2018-01-30 14:29:59Z

1

easy one

sortArrayBy: function(a, b, sortKey , isAscending) {
    if (parseFloat(a[sortKey]) < parseFloat(b[sortKey]))
        return isAscending ? -1 : 1;
    if (parseFloat(a[sortKey]) > parseFloat(b[sortKey]))
        return isAscending ? 1 : -1;
    return 0;
},

edited Jan 30, 2018 at 14:29

answered Jan 30, 2018 at 11:39

Ali Faris

18.7k12 gold badges51 silver badges75 bronze badges

3 Comments

copenndthagen Over a year ago

Thanks. Will this support both string & number data ?

Ali Faris Over a year ago

Yes it should be

copenndthagen Over a year ago

Does not sort the below 3 data properly "111.00", "55.00", "120.00"

Collectives™ on Stack Overflow

Javascript Custom sort function

2 Answers 2

6 Comments

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

3 Comments

Linked

Related