sort by numeric string using _.sortByOrder lodash

Question

I am trying to sort numeric string using sortbyorder function of lodash.

Function should work as normal on string only fields but should sort in numeric order in case of numeral string.

Sample array object is as follows:

[{
  "timeInProcessing": "20 min",
  "timeInManual": "8 min",
  "taskID": "653452",
  "reasonType": "Customer Request",
  "assignedStatus": "Robinson, Edwin",
  "virtualMachine": "[machine name]",
  "lastAction": "1st processing fail",
  "region": "EU",
  "project": "Demo Chue STAGE Media Extracts 04",
  "fileName": "Depósito à Prazo BC - BI de Abril a 08 JUN 2016.xlsx",
  "index": "1.0",
  "fileRoom": "NRP TriPost",
  "fileType": "xlsx",
  "fileSize": "22.49 MB",
  "processedBy": "n/a",
  "uploadedBy": "Johnson III, Chadwick",
  "node": "SPWD6PDGDS001"
}, {
  "timeInProcessing": "15 min",
  "timeInManual": "7 min",
  "taskID": "765435",
  "reasonType": "Multiple Attachments",
  "assignedStatus": "Robinson, Edwin",
  "virtualMachine": "[machine name]",
  "lastAction": "2nd processing fail",
  "region": "EU",
  "project": "Blue Thunder",
  "fileName": "lorem_ipsum_dolor.msg",
  "index": "1.1",
  "fileRoom": "North America",
  "fileType": "msg",
  "fileSize": "0.51 MB",
  "processedBy": "Chandwik, Eric",
  "uploadedBy": "Williamson, Lucinda",
  "node": "SPWD6PDGDS002"
}, {
  "timeInProcessing": "10 min",
  "timeInManual": "n/a",
  "taskID": "765436",
  "reasonType": "Customer Request",
  "assignedStatus": "Unassigned",
  "virtualMachine": "n/a",
  "lastAction": "[TBD]",
  "region": "AP",
  "project": "Hercules",
  "fileName": "lorem_ipsum_dolor.msg",
  "index": "1.1.1",
  "fileRoom": "STAGING-Enterprise HR",
  "fileType": "msg",
  "fileSize": "0.01 MB",
  "processedBy": "Holland, Roberta",
  "uploadedBy": "Trisko, Dora",
  "node": "SPWD6PDGDS005"
}, ]

the field on which I am trying to sort is timeInProcessing.

Nina Scholz · Accepted Answer · 2017-01-12 10:07:28Z

5

You may use a sort callback. It takes a key and returns either the numerical value or the original value, if the value would be NaN.

function byKey(key) {
    return function (o) {
        var v = parseInt(o[key], 10);
        return isNaN(v) ? o[key] : v;
    };
}

With lodash 4.17.2 _.sortBy:

function byKey(key) {
    return function (o) {
        var v = parseInt(o[key], 10);
        return isNaN(v) ? o[key] : v;
    };
}

var data = [{ timeInProcessing: "20 min", timeInManual: "8 min", taskID: "653452" }, { timeInProcessing: "15 min", timeInManual: "7 min", taskID: "765435" }, { timeInProcessing: "10 min", timeInManual: "n/a", "taskID": "765436" }, { timeInProcessing: "min", timeInManual: "n/a", "taskID": "7654XX" }, { timeInProcessing: "abc", timeInManual: "n/a", "taskID": "7654YY" }],
    sorted = _.sortBy(data, byKey('timeInProcessing'));

console.log(sorted);
_.reverse(sorted);
console.log(sorted);

.as-console-wrapper { max-height: 100% !important; top: 0; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"></script>

With lodash 3.10.1 _.sortByOrder:

function byKey(key) {
    return function (o) {
        var v = parseInt(o[key], 10);
        return isNaN(v) ? o[key] : v;
    };
}

var data = [{ timeInProcessing: "20 min", timeInManual: "8 min", taskID: "653452" }, { timeInProcessing: "15 min", timeInManual: "7 min", taskID: "765435" }, { timeInProcessing: "10 min", timeInManual: "n/a", "taskID": "765436" }, { timeInProcessing: "min", timeInManual: "n/a", "taskID": "7654XX" }, { timeInProcessing: "abc", timeInManual: "n/a", "taskID": "7654YY" }],
    sorted = _.sortByOrder(data, byKey('timeInProcessing'), ['asc']);

console.log(sorted);

.as-console-wrapper { max-height: 100% !important; top: 0; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>

edited Jan 12, 2017 at 10:07

answered Jan 12, 2017 at 7:16

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

7 Comments

Sahil Agarwal Over a year ago

can you give an example, how to use this callback in sortByOrder?

Sahil Agarwal Over a year ago

I need to specify the order as well

Nina Scholz Over a year ago

@SahilAgarwal for descending order use _.reverse

Rajesh Dixit Over a year ago

@SahilAgarwal an extension of Nina's sortByOrder approach. JSFiddle. Credits to Nina only.

Sahil Agarwal Over a year ago

@Nina, how can I pass another argument of field name by which sorting needs to be done to timeInProcessing function

|

Rajesh Dixit · Accepted Answer · 2017-01-12 07:56:34Z

0

I have added a property in your object sortKey. This is to hold numeric value for timeInProcessing. This will allow you to sort using numeric value.

Also in the following sample, I sorting using uploadedBy first and then parsed value to depict sorting on more than 1 key

var data=[{timeInProcessing:"20 min",timeInManual:"8 min",taskID:"653452",reasonType:"Customer Request",assignedStatus:"Robinson, Edwin",virtualMachine:"[machine name]",lastAction:"1st processing fail",region:"EU",project:"Demo Chue STAGE Media Extracts 04",fileName:"Depósito à Prazo BC - BI de Abril a 08 JUN 2016.xlsx",index:"1.0",fileRoom:"NRP TriPost",fileType:"xlsx",fileSize:"22.49 MB",processedBy:"n/a",uploadedBy:"Johnson III, Chadwick",node:"SPWD6PDGDS001"},{timeInProcessing:"15 min",timeInManual:"7 min",taskID:"765435",reasonType:"Multiple Attachments",assignedStatus:"Robinson, Edwin",virtualMachine:"[machine name]",lastAction:"2nd processing fail",region:"EU",project:"Blue Thunder",fileName:"lorem_ipsum_dolor.msg",index:"1.1",fileRoom:"North America",fileType:"msg",fileSize:"0.51 MB",processedBy:"Chandwik, Eric",uploadedBy:"Williamson, Lucinda",node:"SPWD6PDGDS002"},{timeInProcessing:"10 min",timeInManual:"n/a",taskID:"765436",reasonType:"Customer Request",assignedStatus:"Unassigned",virtualMachine:"n/a",lastAction:"[TBD]",region:"AP",project:"Hercules",fileName:"lorem_ipsum_dolor.msg",index:"1.1.1",fileRoom:"STAGING-Enterprise HR",fileType:"msg",fileSize:"0.01 MB",processedBy:"Holland, Roberta",uploadedBy:"Trisko, Dora",node:"SPWD6PDGDS005"}];

var sortedOrder = _.sortByOrder(_.map(data, function(o) {
  o["timeInProcessing_num"] = parseInt(o.timeInProcessing, 10);
  return o;
}), ["uploadedBy", "timeInProcessing_num"])
console.log(sortedOrder)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.0/lodash.min.js"></script>

edited Jan 12, 2017 at 7:56

answered Jan 12, 2017 at 7:48

Rajesh Dixit

25k5 gold badges52 silver badges86 bronze badges

2 Comments

Nina Scholz Over a year ago

just a hint, please use parseInt with base.

Rajesh Dixit Over a year ago

@NinaScholz Done. :-)

Collectives™ on Stack Overflow

sort by numeric string using _.sortByOrder lodash

2 Answers 2

7 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related