Lodash: Wie wird eine sortierungsunabhängige Sortierung einer Sammlung mit orderBy durchgeführt?

87

Ich habe diese Antwort überprüft , aber um das gleiche Ergebnis zu erzielen, dh eine Sortierung ohne Berücksichtigung der Groß- und Kleinschreibung, muss ich orderBystattdessen verwenden, sortByda dadurch die Sortierreihenfolge angegeben werden kann .

Der einzige Weg, dies zu erreichen, bestand darin, ein geklontes "mittleres" Array zu erstellen, das auf Kleinbuchstaben abgebildet ist 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);

Dies scheint sehr teuer zu sein und wird mit mehreren Sortierungen und dynamischen Eigenschaftsnamen noch komplexer.

Gibt es eine bessere Idee?

Hier ist ein Plunker: https://plnkr.co/edit/i1ywyxjFctuNfHtPTcgG

javascript lodash WhiteEleven
quelle

Antworten:

188

In der Dokumentation wird angegeben, dass Sie eine Funktion als "iteratee" übergeben können:

[iteratees = [_. identity]] (Array [] | Function [] | Object [] | string []): Die zu sortierenden Iteratees.

So können Sie tun

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>
Erweitern Sie das Snippet

Felix Kling
quelle
1
Dies kann in älteren Browsern fehlschlagen.
Steampowered
14
Wenn Sie meinen, dass dies einen Syntaxfehler im Browser auslöst, der ES6 nicht unterstützt, dann ja, natürlich. Ich überlasse es dem Leser , die Pfeilfunktion in eine "normale" Funktion (und constin var) umzuwandeln .
Felix Kling
@ TheCaptan: Es gibt keinen Grund, warum es nicht sollte.
Felix Kling
2
Ich versuche @ TheCaptans Frage mit folgendem, erhalte aber einen Compilerfehler:const sortedUsers = _.orderBy(users, [user => user[propToSort].toLowerCase()], ['desc']);
im1dermike
1
@ im1dermike: Sie möchten wahrscheinlich verwenden, .toString()bevor Sie dort in Kleinbuchstaben aufrufen, zusätzlich, wenn Sie property.somethingfür propToSort und ähnliches verwenden möchten, können Sie verwenden _.get(user, propToSort)(vielleicht hilft dies jemand anderem)
Soniku
10

Bestellung nach mehreren Eigenschaften:

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
quelle
2

Sie können das Beispiel von Felix Kling mit der Funktion _.get kombinieren, um nach dynamischen verschachtelten Attributen zu sortieren:

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
quelle