如何在 AngularJS 中有效地求和数组属性值？

数组属性值求和的增强方法

在 AngularJS 中，计算数组中值的总和通常可以使用循环来执行。但是，为了促进代码可重用性，请考虑更有效的方法。

优化求和函数

不要使用显式循环，而是利用reduce方法来计算总和。这是一个优化的函数：

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

不同属性名称的使用

现在，您可以对具有自定义属性名称的任何数组重用此函数：

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

好处

这种方法提供了几个优点：

• 提高代码可读性：消除显式循环，使代码更易于理解。
• 增强代码可重用性：函数可以重复用于任何具有自定义属性的数组name.
• 提高效率：reduce 方法针对数组求和操作进行了优化。

以上是如何在 AngularJS 中有效地求和数组属性值？的详细内容。更多信息请关注PHP中文网其他相关文章！