Summe einer abgebildeten Array

Einführung

In diesem Lab werden wir das Konzept der Summe einer abgebildeten Array in JavaScript erkunden. Ziel des Labs ist es, einen tiefgreifenden Einblick in die Berechnung der Summe eines Arrays zu geben, indem jedes Element mithilfe der bereitgestellten Funktion einem Wert zugeordnet wird. Am Ende dieses Labs sollten die Teilnehmer in der Lage sein, Array.prototype.map() und Array.prototype.reduce() in ihren JavaScript-Projekten zur Implementierung der Summe einer abgebildeten Array zu verwenden.

Skills Graph

Funktion zur Berechnung der Summe der Elemente einer abgebildeten Array

Um die Summe eines Arrays zu berechnen, indem jedes Element mithilfe einer bereitgestellten Funktion einem Wert zugeordnet wird, verwenden Sie die sumBy-Funktion. Diese Funktion verwendet Array.prototype.map(), um jedes Element dem von fn zurückgegebenen Wert zuzuordnen. Anschließend verwendet sie Array.prototype.reduce(), um jeden Wert einem Akkumulator hinzuzufügen, der mit einem Wert von 0 initialisiert wird.

const sumBy = (arr, fn) =>
  arr
    .map(typeof fn === "function" ? fn : (val) => val[fn])
    .reduce((acc, val) => acc + val, 0);

Beispielverwendung:

sumBy([{ n: 4 }, { n: 2 }, { n: 8 }, { n: 6 }], (x) => x.n); // Gibt 20 zurück
sumBy([{ n: 4 }, { n: 2 }, { n: 8 }, { n: 6 }], "n"); // Gibt 20 zurück

Um mit dieser Funktion zu beginnen, die Programmierung zu üben, öffnen Sie das Terminal/SSH und geben Sie node ein.

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab zu der Summe einer abgebildeten Array abgeschlossen. Sie können in LabEx weitere Labs ausprobieren, um Ihre Fähigkeiten zu verbessern.