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

AngularJS의 고급 배열 요약

AngularJS에서는 배열 속성을 합산하는 것이 일반적인 작업일 수 있습니다. 기본적인 접근 방식에는 배열을 반복하고 속성 값을 누적하는 작업이 포함됩니다. 그러나 이 방법은 여러 배열과 다양한 속성 이름에 직면할 때 지루해집니다.

이 문제를 해결하려면 모든 배열 속성을 편리하게 합산할 수 있는 보다 유연하고 재사용 가능한 솔루션이 필요합니다. 이는 배열 값을 집계하는 강력한 방법을 제공하는 Reduce() 메서드를 사용하여 달성할 수 있습니다.

다음 예를 고려하세요.

$scope.traveler = [
    { description: 'Senior', Amount: 50},
    { description: 'Senior', Amount: 50},
    { description: 'Adult', Amount: 75},
    { description: 'Child', Amount: 35},
    { description: 'Infant', Amount: 25 },
];

'Amount' 속성을 합산하려면 Reduce()를 사용하여 traveler 배열을 사용하면 다음과 같은 메소드를 작성할 수 있습니다.

$scope.sum = function(items, prop){
    return items.reduce( function(a, b){
        return a + b[prop];
    }, 0);
};

이 메소드에서는 콜백과 함께 Reduce() 메소드를 사용합니다. 두 개의 인수, 즉 배열의 누적된 값(a)과 현재 요소(b)를 허용하는 함수입니다. 콜백 내에서 합산하려는 속성(prop)에 액세스하여 이를 누적된 값에 추가합니다.

이 방법을 여행자 배열에 적용하려면 다음을 수행할 수 있습니다.

$scope.travelerTotal = $scope.sum($scope.traveler, 'Amount');

이 접근 방식을 사용하면 AngularJS 애플리케이션에 있는 모든 배열의 속성 값을 쉽게 합칠 수 있습니다. 재사용 가능한 방법을 정의함으로써 중복 코드를 방지하고 합계 계산의 일관성을 보장합니다.

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