Bagaimanakah Saya Boleh Menjumlahkan Hartanah Array dengan Cekap dalam AngularJS?

Penjumlahan Tatasusunan Lanjutan dalam AngularJS

Dalam AngularJS, menjumlahkan sifat tatasusunan boleh menjadi tugas biasa. Pendekatan asas melibatkan lelaran melalui tatasusunan dan mengumpul nilai harta. Walau bagaimanapun, kaedah ini menjadi membosankan apabila berhadapan dengan berbilang tatasusunan dan nama sifat yang berbeza-beza.

Untuk menangani perkara ini, penyelesaian yang lebih fleksibel dan boleh digunakan semula diingini, yang membolehkan penjumlahan mudah bagi mana-mana sifat tatasusunan. Ini boleh dicapai menggunakan kaedah reduce(), yang menyediakan cara yang berkesan untuk mengagregatkan nilai tatasusunan.

Pertimbangkan contoh berikut:

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

Untuk menjumlahkan sifat 'Amaun' bagi tatasusunan pengembara menggunakan reduce(), kita boleh menulis kaedah seperti berikut:

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

Dalam kaedah ini, kami menggunakan kaedah reduce() dengan panggilan balik fungsi yang menerima dua argumen: nilai terkumpul (a) dan elemen semasa (b) tatasusunan. Dalam panggilan balik, kami mengakses harta yang ingin kami jumlahkan (prop) dan menambahkannya pada nilai terkumpul.

Untuk menggunakan kaedah ini pada tatasusunan pengembara kami, kami boleh melakukan perkara berikut:

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

Menggunakan pendekatan ini, kami boleh menjumlahkan nilai hartanah dengan mudah bagi mana-mana tatasusunan dalam aplikasi AngularJS kami. Dengan mentakrifkan kaedah boleh guna semula, kami mengelakkan kod berlebihan dan memastikan ketekalan dalam pengiraan penjumlahan kami.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menjumlahkan Hartanah Array dengan Cekap dalam AngularJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!