带有数组的 Angular Javascript 对象，循环遍历并获取每个数组的长度？

Question

我正在尝试从我在项目中设置的 API 后端创建数据集。 我已经设法在日期上对我的 api 调用进行分组，但现在我需要检查由 lodash 创建的每个日期数组的长度。

我该怎么做，因为到目前为止我尝试过的每一次尝试都失败了。 我包含的图像显示了对结果进行分组后的 console.log，它还显示了每个数组中的条目数量，这正是我想要检索的内容。

当前代码，我取消了解决此问题的尝试，因为我只会得到未定义的结果。

        ngOnInit() {
        this._estimateService.getEstimates()
            .subscribe(estimateData => {
                const groupedEstimateData = groupBy(estimateData, 'estimate_date');
                console.log(groupedEstimateData);
            });
        }

所需结果示例：

2019-12-09, 47
2019-12-10, 6
etc

图片：

Answer 1

我不确定“检查长度”是什么意思。 这是您所需的 console.log 输出的示例

ngOnInit() {
        this._estimateService.getEstimates()
            .subscribe(estimateData => {
                const groupedEstimateData = groupBy(estimateData, 'estimate_date');
                Object.entries(groupedEstimatesData).map(([date, estimatedData]) => {
                    // do what you want there with each line
                    console.log(date, estimatedData.length);
                });
            });
        }

您可以查看Object.entries和map方法。

祝你好运

Answer 2

你可以这样做：

const groupsWithCounts = Object.keys(groupedEstimateData).map(key => {
    [key]: groupedEstimateData[key],
    total: groupedEstimateData[key].length
})

现在groupsWithCounts将是一个具有以下结构的对象数组：

{
    2019-12-9: [item, item, item, ...], // the original items
    total: 47 // the total count of items
}

Answer 3

您可以简单地使用：

 const dates = Object.keys(groupedEstimateData); let output = {}; dates.forEach( date => output[date] = groupedEstimateData[date].length );

Object.keys(groupedEstimateData)会给你一个数组["2019-12-09", "2019-12-10", etc]

然后迭代这个数组来构造这个输出对象：

{
    "2019-12-09" : 47,
    "2019-12-10" : 6,
    etc
}