Comment puis-je additionner efficacement les valeurs des propriétés de tableau dans AngularJS ?

Méthode améliorée pour additionner les valeurs des propriétés d'un tableau

Dans AngularJS, le calcul de la somme des valeurs d'un tableau peut souvent être effectué à l'aide de boucles. Cependant, pour faciliter la réutilisabilité du code, envisagez une approche plus efficace.

Fonction de sommation optimisée

Au lieu d'utiliser des boucles explicites, exploitez la méthode de réduction pour calculer la somme. Voici une fonction optimisée :

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

Utilisation pour différents noms de propriété

Maintenant, vous pouvez réutiliser cette fonction pour n'importe quel tableau avec un nom de propriété personnalisé :

// 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');

Avantages

Cette approche offre plusieurs avantages :

• Lisibilité améliorée du code :Élimine les boucles explicites, rendant le code plus facile à comprendre.
• Réutilisabilité améliorée du code :La fonction peut être réutilisé pour n'importe quel tableau avec un nom de propriété personnalisé.
• Augmenté efficacité : La méthode de réduction est optimisée pour la sommation des opérations sur les tableaux.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!