So sortieren Sie ein Array von Objekten in JavaScript

Techniken zum Sortieren eines Arrays von Objekten – tägliche JavaScript-Tipps, Tricks und Best Practices.

Früher habe ich immer etwas wie eine Zeitung vorgezogen, die in kurzer Zeit genügend Informationen liefert. Mit einem ähnlichen Ziel vor Augen erstelle ich Tipps für die tägliche Frontend-Entwicklung.

Hier bin ich mit einem neuen Artikel, der einige der Möglichkeiten zum Sortieren eines Arrays basierend auf den Eigenschaftswerten behandelt. Diese Tipps können kleine Steine ​​​​sein, die zusammengenommen dazu beitragen könnten, einen Weg zu ebnen, um den Fluss der JavaScript-Codierungsinterviews im Jahr 2021 zu überqueren.

Ich weiß, dass einzelne kleine Steine ​​keinen großen Unterschied machen, aber wenn wir es schaffen, Tausende von Steinen zu sammeln, dann werden sie einen Unterschied machen.

Beginnen wir mit dem heutigen Thema.

Wenn wir ein Array von Objekten basierend auf der gegebenen Menge geordneter Listen sortieren müssen, kann diese Hilfsfunktion sehr hilfreich sein.

Schauen wir uns die Beispieldaten und die Bestellliste an, die wir sortieren möchten.

const users = [{
        key: "A",
        name: "atit"
    },
    {
        key: "B",
        name: "patel"
    },
    {
        key: "C",
        name: "toronto"
    }
];
const orderList = ["A", "B", "C"];

Mit Reduce können wir den Schlüssel der genannten Auftragsliste nehmen und in temp value speichern und das gesamte Array zuletzt wieder abbilden.

const sortByList = (list, arr) => {
    const tmpMap = arr.reduce((acc, item) => {
        acc[item.key] = item;
        return acc;
    }, {});
return list.map(key => tmpMap[key]);
};
console.log(JSON.stringify(sortByList(orderList, users)));
//[{"key":"A","name":"atit"},{"key":"B","name":"patel"},{"key":"C","name":"toronto"}]

Die Object.fromEntries()Methode wandelt eine Liste von Schlüssel-Wert-Paaren in ein Objekt um und wir können das Objekt sortieren, indem wir beide Arrays vergleichen.

sortByList1 = (list, arr) => {
    const order = Object.fromEntries(list.map((k, i) => [k, i]));
    return arr.sort((a, b) => order[a.key] - order[b.key]);
};
const orderList1 = ["B", "A", "C"];
console.log(JSON.stringify(sortByList1(orderList1, users)));
//[{"key":"B","name":"patel"},{"key":"A","name":"atit"},{"key":"C","name":"toronto"}]

Weitere Inhalte unter plainenglish.io