RxJs 是否可以解决这种 pivot table 问题

Question

我是 RxJs 的新手。是否有可能解决这种类型的枢轴 table 问题。

假设我有一个包含任意数量项目的流。

• 每一项都是 0 到 999 之间的数字。

• 我想从这个流中制作一个 table。具有 10 列的 table。

• 项目的列号等于项目除以 10。因此数字 654 将转到第 6 列。

因为我们有随机数量的项目并且因为数字以随机顺序到达，所以列将具有不同的高度。

如何对流进行操作以逐行生成 table 的行以显示 table？

更新

使用 Fan Cheung 解决方案（如下所述）可以轻松地使用 RxJs 生成列。但是是否也有可能随后使用 RxJs 生成行（行数组）以便能够呈现 table 如下所示？

列的高度不同。

Answer 1

更像是一道数组题

items.reduce((acc,curr)=>{
const key=Math.floor(curr/10);
if(!acc[key])
  acc[key]=[]
acc[key].push(curr)
return acc
},[])

然后你应该得到一个数组（列）的数组（行）

如果您有流中的项目，只需更改为 pipe()

items.pipe(reduce((acc,curr)=>{
const key=Math.floor(curr/10);
if(!acc[key])
  acc[key]=[]
acc[key].push(curr)
return acc
},[]))