JavaScript对数组中的属性值求和的更好方法

  • Z时代
  • 2024-01-10
  • 分类：问答

我有这样的事情：

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

现在要拥有此数组的总数量，我正在做这样的事情：

$scope.totalAmount = function(){
       var total = 0;
       for (var i = 0; i < $scope.traveler.length; i++) {
              total = total + $scope.traveler[i].Amount;
            }
       return total;
}

当只有一个数组时，这很容易，但是我想对其他具有不同属性名称的数组进行总结。

如果我可以做这样的事情，我会更开心：

$scope.traveler.Sum({ Amount });

但我不知道该如何处理，以至于我将来可以像这样重用它：

$scope.someArray.Sum({ someProperty });

我决定使用@ gruff-bunny建议，因此避免原型原型本机对象（数组）

我只是对他的答案做了一些修改，以验证数组，并且sum的值不为null，这是我的最终实现：

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

回答：

由于将函数添加到Array原型的所有弊端，我正在更新此答案以提供使语法与问题中最初要求的语法相似的替代方法。

class TravellerCollection extends Array {
    sum(key) {
        return this.reduce((a, b) => a + (b[key] || 0), 0);
    }
}
const traveler = new TravellerCollection(...[
    {  description: 'Senior', Amount: 50},
    {  description: 'Senior', Amount: 50},
    {  description: 'Adult', Amount: 75},
    {  description: 'Child', Amount: 35},
    {  description: 'Infant', Amount: 25 },
]);
console.log(traveler.sum('Amount')); //~> 235

由于它是一个数组，因此您可以向Array原型添加一个函数。

traveler = [
    {  description: 'Senior', Amount: 50},
    {  description: 'Senior', Amount: 50},
    {  description: 'Adult', Amount: 75},
    {  description: 'Child', Amount: 35},
    {  description: 'Infant', Amount: 25 },
];
Array.prototype.sum = function (prop) {
    var total = 0
    for ( var i = 0, _len = this.length; i < _len; i++ ) {
        total += this[i][prop]
    }
    return total
}
console.log(traveler.sum("Amount"))

以上是 JavaScript对数组中的属性值求和的更好方法 的全部内容， 来源链接： utcz.com/qa/429746.html

回到顶部