Erweiterte Array-Summierung in AngularJS

In AngularJS kann das Summieren von Array-Eigenschaften eine häufige Aufgabe sein. Ein grundlegender Ansatz besteht darin, das Array zu durchlaufen und die Eigenschaftswerte zu akkumulieren. Diese Methode wird jedoch mühsam, wenn es um mehrere Arrays und unterschiedliche Eigenschaftsnamen geht.

Um dieses Problem zu lösen, ist eine flexiblere und wiederverwendbarere Lösung erforderlich, die eine bequeme Summierung aller Array-Eigenschaften ermöglicht. Dies kann mit der Methode Reduce() erreicht werden, die eine leistungsstarke Möglichkeit zum Aggregieren von Array-Werten bietet.

Betrachten Sie das folgende Beispiel:

$scope.traveler = [
    { description: 'Senior', Amount: 50},
    { description: 'Senior', Amount: 50},
    { description: 'Adult', Amount: 75},
    { description: 'Child', Amount: 35},
    { description: 'Infant', Amount: 25 },
];

Um die Eigenschaft „Amount“ des Traveler-Arrays mithilfe von Reduce() zu summieren, können wir eine Methode wie folgt schreiben:

$scope.sum = function(items, prop){
    return items.reduce( function(a, b){
        return a   b[prop];
    }, 0);
};

In dieser Methode verwenden wir die Methode Reduce() mit einer Rückruffunktion, die zwei Argumente akzeptiert: den akkumulierten Wert (a) und das aktuelle Element (b) des Arrays. Innerhalb des Rückrufs greifen wir auf die Eigenschaft zu, die wir summieren möchten (prop), und addieren sie zum akkumulierten Wert.

Um diese Methode auf unser Traveler-Array anzuwenden, können wir Folgendes tun:

$scope.travelerTotal = $scope.sum($scope.traveler, 'Amount');

Mit diesem Ansatz können wir Eigenschaftswerte jedes Arrays in unserem AngularJS einfach summieren Anwendung. Durch die Definition einer wiederverwendbaren Methode vermeiden wir redundanten Code und stellen die Konsistenz unserer Summationsberechnungen sicher.