How to sort array by property in Javascript

Question

I have a array as bellow:

const list = [
  { id: 1, name: 'Product 1', color: 'white'},
  { id: 2, name: 'Product 2', color: 'black'},
  { id: 3, name: 'Product 3', color: 'red'},
  { id: 4, name: 'Product 4', color: 'white'},
  { id: 5, name: 'Product 5', color: 'black'},
]

I want to sort array based on predefined order by color: red -> white -> black and output:

const list = [
  { id: 3, name: 'Product 3', color: 'red'},
  { id: 1, name: 'Product 1', color: 'white'},
  { id: 4, name: 'Product 4', color: 'white'},
  { id: 5, name: 'Product 5', color: 'black'},
  { id: 2, name: 'Product 2', color: 'black'}
]

Does this answer your question? [Sort array of objects by string property value](https://stackoverflow.com/questions/1129216/sort-array-of-objects-by-string-property-value) — mgm793, Jun 17 '20 at 07:22

Rajat Raj · Accepted Answer · 2020-06-17T13:05:18.143

0

let colorPriority = ['red', 'white', 'black'];
list = list.sort((obj1, obj2) => colorPriority.indexOf(obj1.color) - colorPriority.indexOf(obj2.color));

this code should work for you.

edited Jun 17 '20 at 13:05

answered Jun 17 '20 at 07:27

Rajat Raj

16
1

Also `list` should be changed from `const` to `let` if OP wants to modify it. Otherwise you'll need a new variable. – TiiJ7 Jun 17 '20 at 07:31
good catch. I'll update the answer. Thanks – Rajat Raj Jun 17 '20 at 13:05

How to sort array by property in Javascript

1 Answers1