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 中国語 Web サイトの他の関連記事を参照してください。