如何在 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中文網其他相關文章！