JavaScript array of objects sort by specific property and then group by custom priority values

Question

I have array of objects and my requirement was to group users by status (online users should come first) while sort grouped users by name. I am able to achieve result but here I am using lodash concat function separately. Can anyone help to use it along with chain function?

Code:

  import _ from 'lodash';

  const { online = [], offline = [] } = _.chain(users)
    .sortBy([(e) => _.toLower(e.name)])
    .groupBy((e) => e.status)
    .value();
  const result = _.concat(online, offline);
  console.log('grouped users sorted by name => ', result);

Input:

let users = [
    {
        'name': 'C',
        'status': 'online'
    },
    {
        'name': 'd',
        'status': 'online'
    },
    {
        'name': 'a',
        'status': 'offline'
    },
    {
        'name': 'b',
        'status': 'online'
    },
    {
        'name': 'f',
        'status': 'offline'
    },
    {
        'name': 'e',
        'status': 'offline'
    }
];

Output:

[
    {
        'name': 'b',
        'status': 'online'
    },
    {
        'name': 'C',
        'status': 'online'
    },
    {
        'name': 'd',
        'status': 'online'
    },
    {
        'name': 'a',
        'status': 'offline'
    },
    {
        'name': 'e',
        'status': 'offline'
    },
    {
        'name': 'f',
        'status': 'offline'
    }
]

Thanks

Mark Baijens · Accepted Answer · 2021-07-15 11:08:12Z

1

You can do this easily without lodash too.

You can use a customized sort function when calling the sort() function of an array. Create a sort string including a 0 for online users and a 1 for offline users followed by the name. Then use this sort string in the comparison.

let users = [{
    'name': 'C',
    'status': 'online'
  },
  {
    'name': 'd',
    'status': 'online'
  },
  {
    'name': 'a',
    'status': 'offline'
  },
  {
    'name': 'b',
    'status': 'online'
  },
  {
    'name': 'f',
    'status': 'offline'
  },
  {
    'name': 'e',
    'status': 'offline'
  }
];

users.sort((a, b) => {
  let sortStringA = (a.status.toUpperCase() == 'ONLINE' ? 0 : 1) + a.name.toUpperCase();
  let sortStringB = (b.status.toUpperCase() == 'ONLINE' ? 0 : 1) + b.name.toUpperCase();
  if (sortStringA < sortStringB) {
    return -1;
  }
  if (sortStringA > sortStringB) {
    return 1;
  }
  return 0;
});

console.log(users);

answered Jul 15, 2021 at 11:08

Mark Baijens

13.3k11 gold badges51 silver badges77 bronze badges

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

1 Comment

Maqsood Ahmed Over a year ago

Thanks @MarkBaijens simple and straightforward solution.

brk · Accepted Answer · 2021-07-15 11:08:11Z

1

You can use reduce,filter & sort. Create a separate array and add the status in order you want the final array to be be. Then inside the reduce callback use filter to get the elements of that status and use sort to sort the elements in order of name

let sortStatus = ['online', 'offline'];
let users = [{
    name: 'C',
    status: 'online'
  },
  {
    name: 'd',
    status: 'online'
  },
  {
    name: 'a',
    status: 'offline'
  },
  {
    name: 'b',
    status: 'online'
  }
];
let data = sortStatus.reduce((acc, curr) => {
  acc.push(
    ...users
    .filter(item => item.status === curr)
    .sort((a, b) => a.name.localeCompare(b.name))
  );
  return acc;
}, []);
console.log(data);

answered Jul 15, 2021 at 11:08

brk

50.3k10 gold badges59 silver badges85 bronze badges

1 Comment

Maqsood Ahmed Over a year ago

Thanks @brk I was looking for solution using lodash or with plain js (but simple solution)

Nikola Pavicevic · Accepted Answer · 2021-07-15 11:22:30Z

1

If You can correct input:

let users = [
    {
        name: 'C',
        status: 'online'
    },
    {
        name: 'd',
        status: 'online'
    },
    {
       name: 'a',
        status: 'offline'
    },
    {
        name: 'b',
        status: 'online'
    },
    {
        name: 'f',
        status: 'offline'
    },
    {
        name: 'e',
        status: 'offline'
    }
];

const sorted = users.sort((a, b) => {
if (a.name.toLowerCase() < b.name.toLowerCase()) {
    return a.status.toLowerCase() < b.status.toLowerCase() ? 1 : -1;
  }
   return b.status.toLowerCase() < a.status.toLowerCase() ? -1 : 1;;

})
console.log(sorted )

answered Jul 15, 2021 at 11:22

Nikola Pavicevic

23.6k9 gold badges30 silver badges52 bronze badges

1 Comment

Maqsood Ahmed Over a year ago

Thanks @Nikola Pavicevic

Collectives™ on Stack Overflow

JavaScript array of objects sort by specific property and then group by custom priority values

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related