Lodash：如何使用orderBy对集合进行不区分大小写的排序？

我检查了这个答案，但要获得相同的结果（即不区分大小写的排序），我需要使用orderBy而不是，sortBy因为它可以指定排序顺序。

我发现实现此目标的唯一方法是创建一个映射为小写字母的克隆“中间”数组name：

const users = [
  { name: 'A', age: 48 },
  { name: 'B', age: 34 },
  { name: 'b', age: 40 },
  { name: 'a', age: 36 }
];

let lowerCaseUsers = _.clone(users);

lowerCaseUsers = lowerCaseUsers.map((user) => {
  user.name = user.name.toLowerCase();
  return user;
});

const sortedUsers = _.orderBy(lowerCaseUsers, ['name'], ['desc']);

console.log(sortedUsers);

这似乎确实很昂贵，并且使用多种排序和动态属性名称甚至会更加复杂。

有更好的主意吗？

这是一个傻瓜：https ://plnkr.co/edit/i1ywyxjFctuNfHtPTcgG

javascript lodash

— 白十一
source

Answers:

188

该文档指定您可以将函数传递为“ iteratee”：

[iteratees = [_。identity]]（Array [] | Function [] | Object [] | string []）：进行排序的迭代器。

所以你可以做

const users = [
  { name: 'A', age: 48 },
  { name: 'B', age: 34 },
  { name: 'b', age: 40 },
  { name: 'a', age: 36 }
];

const sortedUsers = _.orderBy(users, [user => user.name.toLowerCase()], ['desc']);
console.log(sortedUsers);

<script src="https://cdn.jsdelivr.net/lodash/4.13.1/lodash.min.js"></script>

展开摘要

— 费利克斯·克林
source

在较旧的浏览器上，这可能会失败。

— 蒸汽动力

如果您的意思是这将在不支持ES6的浏览器中引发语法错误，那么当然可以。我会离开的箭头功能转换为“正常”功能（并const以var锻炼读者）。

— Felix Kling

@TheCaptan：没有理由不这样做。

— Felix Kling

我正在尝试@TheCaptan的问题，但遇到了编译器错误：const sortedUsers = _.orderBy(users, [user => user[propToSort].toLowerCase()], ['desc']);

— im1dermike

@ im1dermike：您可能要.toString()在调用小写字母之前使用，另外，如果您想将其property.something用于propToSort或类似的东西，可以使用_.get(user, propToSort)（也许会对其他人有所帮助）

— Soniku

按多个属性排序：

const users = [
  { name: 'A', age: 48 },
  { name: 'B', age: 34 },
  { name: 'b', age: 40 },
  { name: 'a', age: 36 }
]

const nameSorter = user => user.name.toLowerCase()
const ageSorter = 'age'

const sortedUsers = _.orderBy(users, [nameSorter, ageSorter], ['desc', 'asc'])

— 胡Max
source

您可以将Felix Kling示例与_.get函数结合使用，以按动态嵌套属性进行排序：

const _ = require('lodash');

let test = [{ a: {b:'AA'}},{a: {b:'BB'} }, {a: {b: 'bb'}}, {a:{b:'aa'}}];

let attrPath = 'a.b';

_.orderBy(test, [item => _.get(item, attrPath).toLowerCase()]);

— 奥古斯特·桑切斯（AgustíSánchez）
source