javascript - JavaScript通过对象的值总和

我正在从API返回JSON数据。然后，我使用地图创建自己的对象。

数据具有多个对象。这是一个例子：

{
  "data": {
    "job": [
      {
        "jobNumber": "1",
        "jobTasks": {
          "jobTask": [
            {
              "total": { "amountString": "10.00" }
            },
            {
              "total": { "amountString": "10.00" }
            }
          ]
        }
      },
      {
        "jobNumber": "2",
        "jobTasks": {
          "jobTask": [
            {
              "total": { "amountString": "20.00" }
            },
            {
              "total": { "amountString": "20.00" }
            }
          ]
        }
      },
      {
        "jobNumber": "3",
        "jobTasks": {
          "jobTask": [
            {
              "total": { "amountString": "30.00" }
            },
            {
              "total": { "amountString": "30.00" }
            }
          ]
        }
      }
    ]
  }
}

从返回的示例中，我想要以下内容：

jobNumber：1：总计20。
jobNumber：2：总计40。
jobNumber：3：总计60。

这是我正在使用的代码：

var array = response.data.map(function(item, array) {

   var sumTaskTotal = item.jobTasks.reduce(function(sumTaskTotal, item, index) {
       if (item !== null && item.total !== null) {
          sumTaskTotal += item.total.amountString;
          return sumTaskTotal;
       }
    }, 0);

    array = response.data.map(item => ({
      jobNumber: item.jobNumber,
      sumTaskTotal: sumTaskTotal,
    }));
}

但是我正在使用的总和一直在求和，所以我最终得到：

jobNumber：1：总计120。jobNumber：120：总计120。jobNumber：3：总计120。

我已经尝试过循环，但这似乎并没有帮助我。

最佳答案

实际不确定您如何获得jobNumber: 1: Total 120. jobNumber: 120: Total 120. jobNumber: 3: Total 120.。我尝试了您的代码，当您记录数组时，您只会得到一个array with 3 undefined items；代码中map中的每次迭代都不会返回任何内容，这就是数组包含3个未定义项的原因。

此外，data和jobTasks是对象。您应该在map和reduce属性上使用job或jobTask。

至于总计，amountString是string（显然），您应该先将其转换为数字。否则，由于要将010.00连接到string，因此第一次迭代的结果将是number。它没有添加0和10.00。

您外部地图中的array = response.data.map...部分将再次执行所有作业。 map中的每次迭代都希望返回一个项目。如果不返回任何内容，则undefined将为该数组的值。因此，不必再次映射数组，您可以这样做：

return {
  jobNumber: item.jobNumber,
  sumTaskTotal,
};

这将导致一个包含3个对象的数组：

[{
  jobNumber: '1',
  sumTaskTotal: 20,
}, {
  jobNumber: '2',
  sumTaskTotal: 40,
}, {
  jobNumber: '3',
  sumTaskTotal: 60,
}]

但是，您可以改为使用nested reduce：

const formatted = response.data.job.reduce((prevString, currentJob) => {
  const total = currentJob.jobTasks.jobTask.reduce((prevTotal, currentJobTask) => {
    return prevTotal + Number(currentJobTask.total.amountString);
  }, 0);

  return `${prevString}jobNumber: ${currentJob.jobNumber}: Total ${total}. `;
}, '');

const response = {
  "data": {
    "job": [{
      "jobNumber": "1",
      "jobTasks": {
        "jobTask": [{
          "total": {
            "amountString": "10.00"
          }
        }, {
          "total": {
            "amountString": "10.00"
          }
        }]
      }
    }, {
      "jobNumber": "2",
      "jobTasks": {
        "jobTask": [{
          "total": {
            "amountString": "20.00"
          }
        }, {
          "total": {
            "amountString": "20.00"
          }
        }]
      }
    }, {
      "jobNumber": "3",
      "jobTasks": {
        "jobTask": [{
          "total": {
            "amountString": "30.00"
          }
        }, {
          "total": {
            "amountString": "30.00"
          }
        }]
      }
    }]
  }
};

const formatted = response.data.job.reduce((prevString, currentJob) => {
	const total = currentJob.jobTasks.jobTask.reduce((prevTotal, currentJobTask) => {
  	return prevTotal + Number(currentJobTask.total.amountString);
  }, 0);

  return `${prevString}jobNumber: ${currentJob.jobNumber}: Total ${total}. `;
}, '');

console.log(formatted.trim());