Lodash: Jak zrobić sortowanie bez rozróżniania wielkości liter w kolekcji za pomocą orderBy?

87

Sprawdziłem tę odpowiedź, ale aby osiągnąć ten sam wynik, to jest sortowanie bez rozróżniania wielkości liter, muszę użyć orderByzamiast, sortByponieważ daje możliwość określenia kolejności sortowania .

Jedynym sposobem, w jaki udało mi się to osiągnąć, było utworzenie sklonowanej tablicy „środkowej” odwzorowanej na małe litery 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);

Wydaje się to naprawdę drogie, a nawet bardziej skomplikowane w przypadku wielu sortowań i nazw właściwości dynamicznych.

Czy jest lepszy pomysł?

Oto Plunker: https://plnkr.co/edit/i1ywyxjFctuNfHtPTcgG

javascript lodash WhiteEleven
źródło

Odpowiedzi:

188

W dokumentacji określa, że można przekazać funkcję jako „iteratee”:

[iteratees = [_. identity]] (Array [] | Function [] | Object [] | string []): iteracje do sortowania według.

Więc możesz to zrobić

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>
Rozwiń fragment

Felix Kling
źródło
1
Może się to nie powieść w starszych przeglądarkach.
steampowered
14
Jeśli masz na myśli, że spowoduje to błąd składni w przeglądarce nie obsługującej ES6, to oczywiście tak. Konwersję funkcji strzałkowej na „normalną” funkcję (i constna var) pozostawię czytelnikowi jako ćwiczenie.
Felix Kling
@TheCaptan: nie ma powodu, dla którego nie miałoby tego robić.
Felix Kling
2
Próbuję zadać @ TheCaptan pytanie z następującym, ale pojawia się błąd kompilatora:const sortedUsers = _.orderBy(users, [user => user[propToSort].toLowerCase()], ['desc']);
im1dermike
1
@ im1dermike: prawdopodobnie chcesz użyć .toString()przed wywołaniem tam małych liter, dodatkowo jeśli chcesz użyć property.somethingdo propToSort i podobnych, możesz użyć _.get(user, propToSort)(może to pomoże komuś innemu)
Soniku
10

Zamawianie według wielu właściwości:

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'])
MaxineHu
źródło
2

Możesz połączyć przykład Felixa Klinga z funkcją _.get, aby sortować według dynamicznych atrybutów zagnieżdżonych:

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
źródło