Javascript custom sort

Question

I've implement this sort:

<tbody>
  {results.sort((a, b) => a.status > b.status ? 1 : -1).map(el => {
    return (
    <tr>
      <td>{el.id}</td>
      <td>{el.amount}</td>
      <td>{el.time}</td>
      <td>{el.status}</td>
     
    </tr> 
    );
  })}
  </tbody>

So now I have them sorted by status as follows: active, updated, waiting. The problem is that I want them sorted by active, waiting, updated. How can I achieve this?

This is my array of objects:

 const data = [
        {
          id: 1,
          title: "Order 1",
          amount: 3,
          status: "active"
        },
        {
          id: 2,
          title: "Order 2",
          amount: 5,
          status: "waiting"
        },
        {
          id: 3,
          title: "Order 3",
          amount: 4,
          status: "updated"
        },
        {
          id: 4,
          title: "Order 4",
          amount: 3,
          status: "active"
        }
      ];

Does this answer your question? custom sort order on array of objects — pilchard
– pilchard, Commented Jun 17, 2022 at 22:05

dippas · Accepted Answer · 2022-06-17 22:08:52Z

2

You can use indexOf to an ordered array, with this approach:

const data = [{
    id: 1,
    title: "Order 1",
    amount: 3,
    status: "active"
  },
  {
    id: 2,
    title: "Order 2",
    amount: 5,
    status: "waiting"
  },
  {
    id: 3,
    title: "Order 3",
    amount: 4,
    status: "updated"
  },
  {
    id: 4,
    title: "Order 4",
    amount: 3,
    status: "active"
  }
];

const statusOrdered = ['active', 'waiting', 'updated']

data.sort((a, b) => statusOrdered.indexOf(a.status) - statusOrdered.indexOf(b.status));

console.log(data)

answered Jun 17, 2022 at 22:08

dippas

60.8k15 gold badges125 silver badges134 bronze badges

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

Comments

Raphael Serota · Accepted Answer · 2022-06-17 22:07:36Z

1

Try something like this for your sorting function.

(a,b) => {
    let ranking = {
        active:1,
        waiting:2,
        updated:3,
    }
    return ranking[a.status] - ranking[b.status]
}

answered Jun 17, 2022 at 22:07

Raphael Serota

2,21714 silver badges17 bronze badges

Collectives™ on Stack Overflow

Javascript custom sort

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related