Skip to content
BitDojo
In 2 Monaten zum Frontend Engineer
JavaScript7 min read

Listen und Objekte umformen

Du formst eine Liste mit map, filter und reduce um, packst Werte mit Destrukturierung aus und weißt, wann eine Kopie keine Kopie ist.

Daten kommen selten in der Form an, in der du sie brauchst. Der Server liefert eine lange Liste, die Oberfläche will drei Felder davon, sortiert, gefiltert und mit einer Summe darunter. Das Umformen dieser Daten ist ein guter Teil der täglichen Arbeit.

Dafür gibt es drei Methoden, die auf jeder Liste bereitstehen, zwei Schreibweisen zum Auspacken und ein Missverständnis über Kopien, das dich sonst einen ganzen Nachmittag kostet.

Als Beispiel dient überall dieselbe Liste:

const bestellungen = [
  { id: 1, preis: 12.5, bezahlt: true },
  { id: 2, preis: 40.0, bezahlt: false },
  { id: 3, preis: 7.9, bezahlt: true },
];
Premium

This is where a subscription takes over

The first section is open so you can see what a lesson looks like. The rest comes with the subscription at €9.99 a month: every paid course, every exam, every certificate, cancellable monthly. The lessons themselves are in German.

  • Every paid course, including the ones still to come
  • Exams and certificates at no extra cost
  • A podcast episode for every module, playable in the browser
  • A handbook as PDF for every course