AngularJS में उन्नत ऐरे सारांश

AngularJS में, ऐरे गुणों का सारांश एक सामान्य कार्य हो सकता है। एक बुनियादी दृष्टिकोण में सरणी के माध्यम से पुनरावृत्ति करना और संपत्ति मूल्यों को जमा करना शामिल है। हालाँकि, कई सरणियों और अलग-अलग संपत्ति नामों का सामना करने पर यह विधि कठिन हो जाती है।

इसे संबोधित करने के लिए, एक अधिक लचीला और पुन: प्रयोज्य समाधान वांछित है, जो किसी भी सरणी संपत्ति के सुविधाजनक योग की अनुमति देता है। इसे कम() विधि का उपयोग करके प्राप्त किया जा सकता है, जो सरणी मानों को एकत्रित करने का एक शक्तिशाली तरीका प्रदान करता है।

निम्नलिखित उदाहरण पर विचार करें:

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

कम() का उपयोग करके ट्रैवलर सरणी की 'राशि' संपत्ति का योग करने के लिए, हम निम्नानुसार एक विधि लिख सकते हैं:

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

इस विधि में, हम कॉलबैक फ़ंक्शन के साथ कम() विधि का उपयोग करते हैं जो दो तर्क स्वीकार करता है: सरणी का संचित मूल्य (ए) और वर्तमान तत्व (बी)। कॉलबैक के भीतर, हम उस संपत्ति तक पहुंचते हैं जिसे हम योग (प्रोप) करना चाहते हैं और इसे संचित मूल्य में जोड़ते हैं।

इस विधि को हमारे ट्रैवलर ऐरे में लागू करने के लिए, हम निम्नलिखित कार्य कर सकते हैं:

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

इस दृष्टिकोण का उपयोग करके, हम अपने में किसी भी सरणी के संपत्ति मूल्यों को आसानी से जोड़ सकते हैं AngularJS अनुप्रयोग. पुन: प्रयोज्य विधि को परिभाषित करके, हम अनावश्यक कोड से बचते हैं और अपनी योग गणना में स्थिरता सुनिश्चित करते हैं।