How to group the elements in an array based on status property in react?

Question

I have am array of object i.e. JSON like this in my react state and before rendering it I want it to sort based on status property example- Actual Value

{
"list": [
{
   "id": "aac",
   "name": "James",
   "status": "active"
},
{
   "id": "gds",
   "name": "Alice",
   "status": "left"
},
{
   "id": "cvs",
   "name": "Kristy",
   "status": "active"
},
{
   "id": "cgt",
   "name": "Samaira",
   "status": "left"
},
]
}

Expecting Value after sorting based on status element

{
"list": [
{
   "id": "aac",
   "name": "James",
   "status": "active"
},
{
   "id": "cvs",
   "name": "Kristy",
   "status": "active"
},

{
   "id": "gds",
   "name": "Alice",
   "status": "left"
},

{
   "id": "cgt",
   "name": "Samaira",
   "status": "left"
},
]
}

What have you tried, and what exactly is the problem with it? — jonrsharpe, Sep 02 '20 at 19:17
If you need to **sort** an **array** in **javascript** I suggest you google "sort array javascript" to read the documentation on Array.sort at MDN which is the first result : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort — Sheraff, Sep 02 '20 at 19:20
Does this answer your question? [Sorting an array of objects by property values](https://stackoverflow.com/questions/979256/sorting-an-array-of-objects-by-property-values) — Emile Bergeron, Sep 02 '20 at 20:03

score 3 · Accepted Answer · answered Sep 02 '20 at 19:22

3

This will sort alphabetically by status

arrayName.sort((objA, objB) => objA.status > objB.status ? 1 : -1)

answered Sep 02 '20 at 19:22

Daniel Pantalena

409
2
9

Thank You! It worked. Didn't knew that I can use sort method on strings too. But I learnt :-p – Neha Sharma Sep 02 '20 at 19:25

How to group the elements in an array based on status property in react?

1 Answers1