AngularJS에서 배열 속성 값을 효율적으로 합산하려면 어떻게 해야 합니까?

배열 속성 값을 합산하는 향상된 방법

AngularJS에서는 루프를 사용하여 배열 값의 합을 계산하는 경우가 많습니다. 그러나 코드 재사용을 용이하게 하려면 보다 효율적인 접근 방식을 고려하세요.

최적화된 합산 함수

명시적 루프를 사용하는 대신 축소 메서드를 활용하여 합계를 계산하세요. 최적화된 기능은 다음과 같습니다.

$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.
• 효율성 향상: 축소 방법은 배열의 합산 연산에 최적화되어 있습니다.

위 내용은 AngularJS에서 배열 속성 값을 효율적으로 합산하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!