Javascript将三个数组转换为一个，以便与AngularJS指令一起使用

Question

我有一个$http调用，我用它检索一个对象数组。我对这个端点进行了三次调用，最后得到了三个数组，如下所示：

[
  {type: Dog, count: 3}
  {type: Cat, count: 4}
  {type: Elephant, count: 1}
]
[
  {type: Dog, count: 1}
  {type: Cat, count: 9}
]
[
  {type: Dog, count: 19}
  {type: Cat, count: 4}
  {type: Elephant, count: 12}
  {type: Frog, count: 2}

]

第一个电话是8月的统计数据，9月2日，10月3日。

我想要的是创建一个这样的数据集.

[
  {type:Dog, data:[3,1,9]}
  {type:Cat, data:[4,9,4]}
  {type:Elephant, data:[1. null, 12]}
  {type:Frog, data:[null, null, 2}
]

..。这样我就可以用一个ngRepeat循环每个元素来显示一个月/动物统计数据表。

有人有什么想法吗？

谢谢。

Answer 1

你要找的是某种groupBy操作--你可以用这个关键字做你自己的研究。我的建议是：

• 使用Javascript的原生concat()将3个数组合并为一个
• 在合并数组上使用来自_.groupBy()的Underscore.js函数。 这样你就可以分组了。
• 迭代生成的对象以根据您的需要映射结果；Underscore.js _.map()在手

这代码片段是一个可以实现什么的快速演示。它工作在已经合并的数组上。