Question

我有一个对象数组。这些对象具有名为＆＃34; type＆＃34;。

的属性

[{
    "id": "1",
    "type": "Plane",
    "date": "date",
    "value": "10",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Plane",
    "date": "date",
    "value": "15",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Car",
    "date": "date",
    "value": "25",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Car",
    "date": "date",
    "value": "25",
    "another_value": "10"
}]

现在，我有一张桌子，我想要显示它。我希望将它显示为两行，一行行，用于＆＃34; Plane＆＃34;一个行用于＆＃34; Car＆＃34;在那一行中我想要的是（value和another_value）

的总和

所以我认为通过以某种方式浏览我原始的对象数组并按＆＃34;类型＆＃34;对它进行分组，这是最容易实现的。因此，我将获得一个包含＃34; Car＆＃34;类型的所有对象的数组，以及一个带有＆＃34; Plane＆＃34;的对象数组。

我有lodash可用，然后我还需要找到一种方法来求和这些值，所以我可以在我的表中，在每行的列中显示它。

关于如何实现这一目标的任何建议？

Answer 1

您可以使用普通JavaScript，使用map()和filter()等方法执行此操作：

const arr = [{
    "id": "1",
    "type": "Plane",
    "date": "date",
    "value": "10",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Plane",
    "date": "date",
    "value": "15",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Car",
    "date": "date",
    "value": "25",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Car",
    "date": "date",
    "value": "25",
    "another_value": "10"
}]

const sum = (a, b) => Number(a) + Number(b)

const cars = arr.filter(x => x.type === 'Car')
const planes = arr.filter(x => x.type === 'Plane')

const carsValue = cars.map(x => x.value).reduce(sum)
const planesValue = planes.map(x => x.value).reduce(sum)

const carsAnotherValue = cars.map(x => x.another_value).reduce(sum)
const planesAnotherValue = planes.map(x => x.another_value).reduce(sum)

Answer 2

您可以先按type对所有对象进行分组，然后减少所有value和another_value：

var types = _.groupBy(array, 'type');
var result = _.mapValues(types, function(value, key) {
  return _.reduce(value, function(memo, v) { 
    return memo + +v.value + +v.another_value;
  }, 0);
});

＆＃13;

var array = [{
    "id": "1",
    "type": "Plane",
    "date": "date",
    "value": "10",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Plane",
    "date": "date",
    "value": "15",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Car",
    "date": "date",
    "value": "25",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Car",
    "date": "date",
    "value": "25",
    "another_value": "10"
}];

var types = _.groupBy(array, 'type');
var result = _.mapValues(types, function(value, key) {
  return _.reduce(value, function(memo, v) { 
    return memo + +v.value + +v.another_value;
  }, 0);
});

console.log(result);

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"></script>

＆＃13;

Answer 3

另一种方法

var count = _.countBy(data, 'type');
var sum = _.reduce(data, function(total, obj) {
    total[obj.type] += Number(obj.value);
    return total;
}, {
    Car: 0,
    Plane: 0
});

var data = [{
    "id": "1",
    "type": "Plane",
    "date": "date",
    "value": "10",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Plane",
    "date": "date",
    "value": "15",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Car",
    "date": "date",
    "value": "25",
    "another_value": "10"
},
{
    "id": "1",
    "type": "Car",
    "date": "date",
    "value": "25",
    "another_value": "10"
}];

var count = _.countBy(data, 'type');
var sum = _.reduce(data, function(total, obj) {
  total[obj.type] += Number(obj.value);
  return total;
}, {
  Car: 0,
  Plane: 0
});

console.log(count['Plane']);
console.log(count['Car']);
console.log(sum['Plane']);
console.log(sum['Car']);

<script src="https://cdn.jsdelivr.net/lodash/4.15.0/lodash.min.js"></script>

通过JavaScript

3 个答案: