reverse array list based on selected value in javascript

Question

I have an object array which looks like below

var arr = [{
   DocumentNo: '44',
   FileId: 1,
   FilenameWithExtension: 'aof.tif',
   DocTypeId: 1
}, {
   DocumentNo: '45',
   FileId: 2,
   FilenameWithExtension: 'aofd.tif',
   DocTypeId: 1
}, {
   DocumentNo: '46',
   FileId: 3,
   FilenameWithExtension: 'mdh.tif',
   DocTypeId: 1
}, {
   DocumentNo: '47',
   FileId: 4,
   FilenameWithExtension: 'zyl.tif',
   DocTypeId: 1
}, {
   DocumentNo: '48',
   FileId: 5,
   FilenameWithExtension: 'ddd.tif',
   DocTypeId: 3
}]

I want to reverse the array based on what user selects,

for example

if user selects documentno in descending order the above list should starts with documentno ->(48,47,46,45,44)

if user selects fileid in ascending order the above list should starts with FileId ->(1,2,3,4,5)

if user selects fileid in descending order the above list should starts with FileId ->(5,4,3,2,1)

and so on.

how can I achieve the same, I googled this but couldn't found anything

Debug Diva · Accepted Answer · 2022-06-14T15:32:07.047

As per my understanding you want to sort this array of objects based on the field and sorting order passed by the user. If Yes, Here is the demo :

var arr = [{
  DocumentNo: '44',
  FileId: 1,
  FilenameWithExtension: 'aof.tif',
  DocTypeId: 1
}, {
  DocumentNo: '45',
  FileId: 2,
  FilenameWithExtension: 'aofd.tif',
  DocTypeId: 1
}, {
  DocumentNo: '46',
  FileId: 3,
  FilenameWithExtension: 'mdh.tif',
  DocTypeId: 1
}, {
  DocumentNo: '47',
  FileId: 4,
  FilenameWithExtension: 'zyl.tif',
  DocTypeId: 1
}, {
  DocumentNo: '48',
  FileId: 5,
  FilenameWithExtension: 'ddd.tif',
  DocTypeId: 3
}]

const sortingObj = {
  field: 'FilenameWithExtension',
  sortBy: 'desc'
};

const res = arr.sort((a, b) => {
  if (sortingObj.field === 'FilenameWithExtension') {
    if (sortingObj.sortBy === 'aesc') {
      return (a[sortingObj.field] < b[sortingObj.field]) ? -1 : ((a[sortingObj.field] > b[sortingObj.field]) ? 1 : 0);
    } else {
      return (a[sortingObj.field] < b[sortingObj.field]) ? 1 : ((a[sortingObj.field] > b[sortingObj.field]) ? -1 : 0);
    }
  } else {
    return (sortingObj.sortBy === 'aesc') ?
      a[sortingObj.field] - b[sortingObj.field] :
    b[sortingObj.field] - a[sortingObj.field]
  }
});

console.log(res);

Hello @Rohit I can't use sorting on the below field -> FilenameWithExtension — Ibrahim shaikh, Jun 14 '22 at 13:38
You can also have a look at the below fiddle https://jsfiddle.net/a0v7m9h8/ — Ibrahim shaikh, Jun 14 '22 at 13:40
@TWMTV Thanks for pointing that out. I updated my answer. For string properties we have to use compare function differently. Hence, I wrote seperate logic for `FilenameWithExtension` — Debug Diva, Jun 14 '22 at 15:33

score 2 · Answer 2 · answered Jun 13 '22 at 11:34

Here's an example on how to do that with underscore

let arr = [{
   DocumentNo: '44',
   FileId: 1,
   FilenameWithExtension: 'aof.tif',
   DocTypeId: 1
}, {
   DocumentNo: '45',
   FileId: 2,
   FilenameWithExtension: 'aofd.tif',
   DocTypeId: 1
}, {
   DocumentNo: '46',
   FileId: 3,
   FilenameWithExtension: 'mdh.tif',
   DocTypeId: 1
}, {
   DocumentNo: '47',
   FileId: 4,
   FilenameWithExtension: 'zyl.tif',
   DocTypeId: 1
}, {
   DocumentNo: '48',
   FileId: 5,
   FilenameWithExtension: 'ddd.tif',
   DocTypeId: 3
}];
let userInput = "DocTypeId";
let result = _.sortBy(arr, userInput);
console.log(result);

<script src="http://underscorejs.org/underscore.js"></script>

reverse array list based on selected value in javascript

2 Answers2