ES6 减少数组中的嵌套对象

Question

我一直在使用 map 并减少了一些对象和 arrays 到目前为止运行良好，但是我遇到了一个阵列的问题。

这里的数据示例：

var arr =
[
[
{
  "id": 6501511,
  "invoiceId": {
    "id": 1043773
  },
  "chargeBandType": "TIME",
  "jobTaskId": {
    "id": 19399852
  },
  "invoicedNet": {
    "amountString": 0,
    "currencyType": "USD"
  },
  "invoicedTaxOneOtherCurrency": null,
  "invoicedTaxOne": {
    "amountString": 0,
    "currencyType": "USD"
  },
  "taxOneRate": 0.1
},
{
  "id": 6501517,
  "invoiceId": {
    "id": 1043773
  },
  "chargeBandType": "TIME",
  "jobTaskId": null,
  "jobExpenseId": null,
  "jobThirdPartyCostId": {
    "id": 20602
  },
  "invoicedNet": {
    "amountString": 0,
    "currencyType": "USD"
  },
  "invoicedTaxOneOtherCurrency": null,
  "invoicedTaxOne": {
    "amountString": 0,
    "currencyType": "USD"
  },
  "taxOneRate": 0.1
},
{
  "id": 6501508,
  "invoiceId": {
    "id": 13773
  },
  "chargeBandType": "TIME",
  "jobTaskId": {
    "id": 19398574
  },
  "invoicedNet": {
    "amountString": 30,
    "currencyType": "USD"
  },
  "invoicedTaxOneOtherCurrency": null,
  "invoicedTaxOne": {
    "amountString": 3,
    "currencyType": "USD"
  },
  "taxOneRate": 0.1
},
{
  "id": 65014,
  "invoiceId": {
    "id": 104
  },
  "chargeBandType": "TIME",
  "jobTaskId": null,
  "jobExpenseId": null,
  "jobThirdPartyCostId": {
    "id": 206
  },
  "invoicedNet": {
    "amountString": 0,
    "currencyType": "USD"
  },
  "invoicedTaxOneOtherCurrency": null,
  "invoicedTaxOne": {
    "amountString": 0,
    "currencyType": "USD"
  },
  "taxOneRate": 0.1
}],
[
{
  "id": 6483,
  "invoiceId": {
    "id": 1042400
  },
  "chargeBandType": "TIME",
  "jobTaskId": {
    "id": 198574
  },
  "invoicedNet": {
    "amountString": 100,
    "currencyType": "USD"
  },
  "invoicedTaxOneOtherCurrency": null,
  "invoicedTaxOne": {
    "amountString": 10,
    "currencyType": "USD"
  },
  "taxOneRate": 0.1
}
]
];

我正在尝试减少 invoicedNet.amountString 的值，在上述情况下，这将带来 130 的总和。

我尝试了很多方法来解决这个问题，包括类似于以下的功能：

var sum = arr.reduce(function(a, b) {
return a += b.invoicedNet.amountString;
}, 0);

但是，无论我如何尝试，我都会不断收到错误消息：

TypeError: Cannot read property 'amountString' of undefined

（它似乎将 b.invoicedNet 选为 object）。

任何人都可以建议一种方法吗？

谢谢

Answer 1

您需要循环 arrays。

 var arr = [[{ id: 6501511, invoiceId: { id: 1043773 }, chargeBandType: "TIME", jobTaskId: { id: 19399852 }, invoicedNet: { amountString: 0, currencyType: "USD" }, invoicedTaxOneOtherCurrency: null, invoicedTaxOne: { amountString: 0, currencyType: "USD" }, taxOneRate: 0.1 }, { id: 6501517, invoiceId: { id: 1043773 }, chargeBandType: "TIME", jobTaskId: null, jobExpenseId: null, jobThirdPartyCostId: { id: 20602 }, invoicedNet: { amountString: 0, currencyType: "USD" }, invoicedTaxOneOtherCurrency: null, invoicedTaxOne: { amountString: 0, currencyType: "USD" }, taxOneRate: 0.1 }, { id: 6501508, invoiceId: { id: 13773 }, chargeBandType: "TIME", jobTaskId: { id: 19398574 }, invoicedNet: { amountString: 30, currencyType: "USD" }, invoicedTaxOneOtherCurrency: null, invoicedTaxOne: { amountString: 3, currencyType: "USD" }, taxOneRate: 0.1 }, { id: 65014, invoiceId: { id: 104 }, chargeBandType: "TIME", jobTaskId: null, jobExpenseId: null, jobThirdPartyCostId: { id: 206 }, invoicedNet: { amountString: 0, currencyType: "USD" }, invoicedTaxOneOtherCurrency: null, invoicedTaxOne: { amountString: 0, currencyType: "USD" }, taxOneRate: 0.1 }], [{ id: 6483, invoiceId: { id: 1042400 }, chargeBandType: "TIME", jobTaskId: { id: 198574 }, invoicedNet: { amountString: 100, currencyType: "USD" }, invoicedTaxOneOtherCurrency: null, invoicedTaxOne: { amountString: 10, currencyType: "USD" }, taxOneRate: 0.1 }]], sum = arr.reduce(function (a, b) { b.forEach(function (c) { a += c.invoicedNet.amountString; }); return a; }, 0); console.log(sum);

Answer 2

您可以通过首先展平 arrays 然后减少：

[].concat(...arr)
  .map(invoice => invoice.invoicedNet.amountString)
  .reduce((a, b) => a + b)

Answer 3

展平您的阵列，然后减少：

[].concat(...arr).reduce((a, { invoicedNet: { amountString }}) => a + amountString, 0)

 var arr = [ [ { "id": 6501511, "invoiceId": { "id": 1043773 }, "chargeBandType": "TIME", "jobTaskId": { "id": 19399852 }, "invoicedNet": { "amountString": 0, "currencyType": "USD" }, "invoicedTaxOneOtherCurrency": null, "invoicedTaxOne": { "amountString": 0, "currencyType": "USD" }, "taxOneRate": 0.1 }, { "id": 6501517, "invoiceId": { "id": 1043773 }, "chargeBandType": "TIME", "jobTaskId": null, "jobExpenseId": null, "jobThirdPartyCostId": { "id": 20602 }, "invoicedNet": { "amountString": 0, "currencyType": "USD" }, "invoicedTaxOneOtherCurrency": null, "invoicedTaxOne": { "amountString": 0, "currencyType": "USD" }, "taxOneRate": 0.1 }, { "id": 6501508, "invoiceId": { "id": 13773 }, "chargeBandType": "TIME", "jobTaskId": { "id": 19398574 }, "invoicedNet": { "amountString": 30, "currencyType": "USD" }, "invoicedTaxOneOtherCurrency": null, "invoicedTaxOne": { "amountString": 3, "currencyType": "USD" }, "taxOneRate": 0.1 }, { "id": 65014, "invoiceId": { "id": 104 }, "chargeBandType": "TIME", "jobTaskId": null, "jobExpenseId": null, "jobThirdPartyCostId": { "id": 206 }, "invoicedNet": { "amountString": 0, "currencyType": "USD" }, "invoicedTaxOneOtherCurrency": null, "invoicedTaxOne": { "amountString": 0, "currencyType": "USD" }, "taxOneRate": 0.1 }], [ { "id": 6483, "invoiceId": { "id": 1042400 }, "chargeBandType": "TIME", "jobTaskId": { "id": 198574 }, "invoicedNet": { "amountString": 100, "currencyType": "USD" }, "invoicedTaxOneOtherCurrency": null, "invoicedTaxOne": { "amountString": 10, "currencyType": "USD" }, "taxOneRate": 0.1 } ] ]; console.log([].concat(...arr).reduce((a, { invoicedNet: { amountString }}) => a + amountString, 0))

Answer 4

var sum = arr.reduce(function(a, b) {
return a += b.invoicedNet.amountString;
}, 0);

上面的代码不起作用，因为arr是一个多维数组。 它的元素也是一个数组。 对于这种类型的数组，您需要一个嵌套的 reducer。 用箭头 function 可以写成 -

const total = arr.reduce((sum, tasks) => tasks.reduce((previousSum, task) =>
              previousSum + task.invoicedNet.amountString, sum) , 0);