JavaScript 对象数组按特定属性排序，然后按自定义优先级值分组

Question

我有一组对象，我的要求是按状态对用户进行分组（在线用户应该排在第一位），同时按名称对分组的用户进行排序。 我能够实现结果，但在这里我单独使用 lodash concat 函数。任何人都可以帮助将它与 chain 功能一起使用吗？

代码：

  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);

输入：

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'
    }
];

输出：

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

谢谢

Answer 1

如果你能正确输入：

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 )

Answer 2

不用lodash也可以轻松做到这一点。

您可以在调用数组的sort() 函数时使用自定义排序函数。创建一个排序字符串，其中 0 表示在线用户，1 表示离线用户，后跟名称。然后在比较中使用这个排序字符串。

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);

Answer 3

您可以使用reduce、filter 和sort。创建一个单独的数组并按照您希望最终数组的顺序添加状态。然后在reduce回调中使用filter获取该状态的元素并使用sort按照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);