Display array of objects based on property ReactJs

Question

I have an array like this:

user:[
  { name: "A", mobile: "123", status: "active"},
  { name: "B", mobile: "123", status: "active"},
  { name: "C", mobile: "123", status: "active"},
  { name: "D", mobile: "123", status: "active"},
  { name: "E", mobile: "123", status: "inactive"},
  { name: "F", mobile: "123", status: "inactive"},
];

Right now my code displays 4 records with "active" users first and "inactive" users at last

user.sort((a, b) =>a.status_id.localeCompare(b.status_id)).slice(0,4).map((d))

OUTPUT:

active
active
active
active

But what I want to display is - first half should be "active" and second half should be "inactive" and if there is no "inactive" user, then all should display "active" users

Displaying 4 records
active
active
inactive
inactive

How can I do this?

whats your logic to display 4 records ? 2 from active 2 from inactive ? — Amruth
– Amruth, Commented Aug 2, 2021 at 5:25

Amruth · Accepted Answer · 2021-08-02 05:57:29Z

1

This should help you

let user = [
  { name: "A", mobile: "123", status: "active"},
  { name: "B", mobile: "123", status: "active"},
  { name: "C", mobile: "123", status: "active"},
  { name: "D", mobile: "123", status: "active"},
  { name: "E", mobile: "123", status: "inactive"},
  { name: "F", mobile: "123", status: "inactive"},
];

let active = user.sort((a, b) =>a.status.localeCompare(b.status)).slice(0,2);
let inactive = user.sort((a, b) =>b.status.localeCompare(a.status)).slice(0,2);
let final = active.concat(inactive);
console.log(final)

edited Aug 2, 2021 at 5:57

answered Aug 2, 2021 at 5:31

Amruth

5,9122 gold badges30 silver badges41 bronze badges

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

Collectives™ on Stack Overflow

Display array of objects based on property ReactJs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related