Wie kann ich Array-Eigenschaftswerte in AngularJS effizient summieren?

Erweiterte Methode zum Summieren von Array-Eigenschaftswerten

In AngularJS kann die Berechnung der Summe von Werten in einem Array häufig mithilfe von Schleifen durchgeführt werden. Um die Wiederverwendbarkeit des Codes zu erleichtern, sollten Sie jedoch einen effizienteren Ansatz in Betracht ziehen.

Optimierte Summierungsfunktion

Anstatt explizite Schleifen zu verwenden, nutzen Sie die Reduktionsmethode, um die Summe zu berechnen. Hier ist eine optimierte Funktion:

$scope.sum = function(items, prop) {
  return items.reduce(
    function(accumulator, currentItem) {
      return accumulator + currentItem[prop];
    },
    0 // Optional starting value
  );
};

Verwendung für verschiedene Eigenschaftsnamen

Jetzt können Sie diese Funktion für jedes Array mit einem benutzerdefinierten Eigenschaftsnamen wiederverwenden:

// For the $scope.traveler array
$scope.travelerTotal = $scope.sum($scope.traveler, 'Amount');

// For a different array, e.g. $scope.expenses
$scope.expensesTotal = $scope.sum($scope.expenses, 'Cost');

Vorteile

Dieser Ansatz bietet mehrere Vorteile:

• Verbesserte Codelesbarkeit: Eliminiert explizite Schleifen und macht den Code leichter verständlich.
• Verbesserte Wiederverwendbarkeit des Codes: Die Funktion kann für jedes Array mit einem benutzerdefinierten Eigenschaftsnamen wiederverwendet werden.
• Erhöht Effizienz: Die Reduce-Methode ist für Summierungsoperationen auf Arrays optimiert.

Das obige ist der detaillierte Inhalt vonWie kann ich Array-Eigenschaftswerte in AngularJS effizient summieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!