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 },
];

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

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

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

이 메서드를 여행자 배열에 적용하려면 다음을 수행할 수 있습니다.

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

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