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

我有这样的东西:

$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 });

当前回答

提高可读性和使用Map和Reduce的替代方案:

const traveler = [
    {  description: 'Senior', amount: 50 },
    {  description: 'Senior', amount: 50 },
    {  description: 'Adult', amount: 75 },
    {  description: 'Child', amount: 35 },
    {  description: 'Infant', amount: 25 },
];

const sum = traveler
  .map(item => item.amount)
  .reduce((prev, curr) => prev + curr, 0);

可重用功能:

const calculateSum = (obj, field) => obj
  .map(items => items.attributes[field])
  .reduce((prev, curr) => prev + curr, 0);

2019-04-16 11:09:28

其他回答

使用reduce和解构来求和

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

console.log(traveler.reduce((n, {Amount}) => n + Amount, 0))

2020-09-01 04:19:47

我想我应该在这一点上发表我的意见:这是那些应该始终是纯函数式的操作之一，不依赖于任何外部变量。有几个已经给出了很好的答案，使用减法是这里要走的路。

既然我们大多数人已经可以使用ES2015语法，下面是我的建议:

const sumValues = (obj) => Object.keys(obj).reduce((acc, value) => acc + obj[value], 0);

我们把它变成了一个不可变函数。reduce在这里所做的很简单: 从累加器的值0开始，并将当前循环项的值加到累加器中。

函数式编程和ES2015太棒了!：）

2016-06-15 20:47:49

我知道这个问题已经有了一个公认的答案，但我认为我应该加入一个使用数组的替代方案。Reduce，因为对数组求和是Reduce的规范示例:

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

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

小提琴

2014-04-23 15:58:12

我不确定是否有人提到过这一点。但是有一个lodash函数。下面的代码段，其中value是你要求和的属性，是“value”。

_.sumBy(objects, 'value');
_.sumBy(objects, function(o) { return o.value; });

两者都可以。

2018-02-19 13:59:19

如何使用Javascript和对象数组

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

Const traveler = [ {描述:'高级'，数量:50}， {描述:'高级'，数量:50}， {描述:“成人”，数量:75}， {描述:'Child'，数量:35}， {描述:“婴儿”，数量:25}， ]; 函数sum(arrayData, key){ 返回arrayData.reduce((a,b) => { 返回{金额:a.金额+ b.金额} }) ｝ console.log(总和(旅行) ｀

2019-04-12 07:59:38

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

推荐文章

最新文章

标签