Sort on basis of given order in javaScript

Question

I have array of object like :

var array = [
    { id: 1, color: red,    value: 1 },
    { id: 2, color: red,    value: 2 },
    { id: 3, color: yellow, value: 3 },
    { id: 4, color: yellow, value: 4 },
    { id: 5, color: green,  value: 4 }
];

I want sorted order where green -> yellow -> red

after array.sort(custmeSort()) output should be

[
    { id: 5, color: green,  value: 4 },   
    { id: 3, color: yellow, value: 3 },
    { id: 4, color: yellow, value: 4 },
    { id: 1, color: red,    value: 1 },
    { id: 2, color: red,    value: 2 }
]

How to achive this in javascript.

1. What have you tried? 2. What should happen when the two elements have identical color properties? — lonesomeday
– lonesomeday, Commented Dec 6, 2016 at 12:10
Possible duplicate of Sort array of objects by string property value in JavaScript — Andreas
– Andreas, Commented Dec 6, 2016 at 12:10
@Andreas It's not a duplicate, because it's not alphabetical sorting. — lonesomeday
– lonesomeday, Commented Dec 6, 2016 at 12:11

Nenad Vracar · Accepted Answer · 2016-12-06 12:13:13Z

6

You can use one object to set sorting order, and then just use sort()

var array = [
  {id: 1, color: 'red',value: 1},
  {id: 2, color: 'red',value: 2},
  {id: 3, color: 'yellow',value: 3},
  {id: 4, color: 'yellow',value: 4},
  {id: 5, color: 'green',value: 4},
]
var order = {
  green: 1,
  yellow: 2, 
  red: 3
}

var result = array.sort(function(a, b) {
  return order[a.color] - order[b.color];
})

console.log(result)

answered Dec 6, 2016 at 12:13

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

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

1 Comment

Mahi Over a year ago

@NenadVracar if sort function return -ve then it swap and +ve then it don't swap ??

Collectives™ on Stack Overflow

Sort on basis of given order in javaScript

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related