Custom sorting with multiple filed in javascript

Question

I have an array

var arr = [
    0:{region:2, saved: false, damage:-1}
    1:{region:1, saved: true, damage:2}
    2:{region:1, saved: false, damage:-1}
    3:{region:1, saved: true, damage:4}
    4:{region:2, saved: true, damage:3}
    5:{region:-1, saved: false, damage:-1}
    6:{region:3, saved: false, damage:-1}
];

I need to apply sorting like first with the region (increment order), within the same region unsaved comes first, after that as per the damage in decremented order.

Output should be like this

    arr =[0:{region:-1, saved: false, damage:-1}
 1:{region:1, saved: false, damage:-1}
 2:{region:1, saved: true, damage:4}
3:{region:1, saved: true, damage:2}
4:{region:2, saved: false, damage:-1}
5:{region:2, saved: true, damage:3}
6:{region:3, saved: false, damage:-1}];

Please help with a sort function in JavaScript.

Hi, have tried something like this but it works only till few items var sorted = arr.sort(function (a, b) { if (a.region === b.reason) { if (!a.saved) return 1; if (a.saved === b.saved) { return b.damage - a.damage; } else if (!a.saved) return 1; else return -1; } else return -1; }.bind(this)); — Shailee Rawat, Jul 10 '18 at 12:45

Ankit Agarwal · Accepted Answer · 2018-07-10T13:21:35.307

0

You can use a OR condition in your Array.sort() function:

var arr= [
  {region:2, saved: false, damage:-1},
  {region:1, saved: true, damage:2},
  {region:1, saved: false, damage:-1},
  {region:1, saved: true, damage:4},
  {region:2, saved: true, damage:3},
  {region:-1, saved: false, damage:-1},
  {region:3, saved: false, damage:-1}
];
arr.sort(function(a, b){
   return a.region - b.region || a.saved - b.saved || b.damage - a.damage;
});

console.log(arr);

edited Jul 10 '18 at 13:21

answered Jul 10 '18 at 12:45

Ankit Agarwal

30,378
5
37
62

One correction here in the output arr =[0:{region:-1, saved: false, damage:-1} 1:{region:1, saved: false, damage:-1} 2:{region:1, saved: true, damage:4} 3:{region:1, saved: true, damage:2} 4:{region:2, saved: false, damage:-1} 5:{region:2, saved: true, damage:3} 6:{region:3, saved: false, damage:-1}]; – Shailee Rawat Jul 10 '18 at 12:54
Does your input array has `key` 0, 1, 2? @ShaileeRawat – Ankit Agarwal Jul 10 '18 at 12:56
No, Just showing the index values – Shailee Rawat Jul 10 '18 at 12:57
So, that index value is only when you check in console so why do you need that in output? @ShaileeRawat – Ankit Agarwal Jul 10 '18 at 13:00
can you please check the correction in output required, damage should be in decrements order i.e damage 4 comes first then damage 2 for region=1 – Shailee Rawat Jul 10 '18 at 13:01
@ShaileeRawat cool. It's just to change `b.damage - a.damage` check the updated answer above. – Ankit Agarwal Jul 10 '18 at 13:04
Also -> `within the same region unsaved comes first` IOW:, I think the OP wants `saved = false` coming before `saved = true` – Keith Jul 10 '18 at 13:06
@Keith nothing has been mentioned for `saved` property. That might be just an example – Ankit Agarwal Jul 10 '18 at 13:06
@AnkitAgarwal It might not be obvious, but the quoted text is what the OP said.. – Keith Jul 10 '18 at 13:07
@ankit saved= false should always comes first – Shailee Rawat Jul 10 '18 at 13:08
@Keith, yes you are correct , requirement is the same. Unsaved should comes first – Shailee Rawat Jul 10 '18 at 13:10
@ShaileeRawat You should be able to add `|| a.saved - b.saved`, between the current ones. This will work because `(false - true) === -1` `(true - false) === +1` etc. – Keith Jul 10 '18 at 13:12
@ShaileeRawat edited the answer. Should be perfect now – Ankit Agarwal Jul 10 '18 at 13:22
@ShaileeRawat did that work? – Ankit Agarwal Jul 10 '18 at 13:31
@Keith ,Thank you it is working fine; – Shailee Rawat Jul 10 '18 at 13:36
@AnkitAgarwal thankyou it is working fine. – Shailee Rawat Jul 10 '18 at 13:36
@ShaileeRawat glad to help – Ankit Agarwal Jul 10 '18 at 13:37

Custom sorting with multiple filed in javascript

1 Answers1