RxJS技术咨询：如何将toArray返回的数组包装为指定JSON对象？

当然可以通过map操作符实现你想要的格式转换！你的核心需求是把toArray()输出的数组，包裹成一个以指定键名对应该数组的JSON对象，或者在分组场景下为每个分组生成独立的键值对对象，下面分两种场景给出具体实现：

场景1：将单一数组包装为单个对象 #

如果只是把收集到的所有结果统一包装成一个{ objectName: [...] }格式的对象，只需要在toArray()之后链式调用map，把数组作为值赋给你需要的键名即可：

const image$ = ref.getDownloadURL().pipe(
  toArray(),
  // 把数组包裹成目标对象，替换objectName为你实际需要的键名
  map(images => ({ objectName: images }))
);

这样订阅image$时，你就会得到{ objectName: [ {...}, {...}, {...} ] }的结果，完全符合你的要求。

场景2：分组后为每个分组生成独立对象 #

如果你是通过mergeMap配合分组逻辑（比如按某个属性分组），想要输出一系列{ Array1: [] }, { Array2: [] }这样的独立对象，可以结合groupBy操作符来实现分组，再在每个分组流里用map生成目标对象：

// 假设你的source$是包含多个payload的数据流，每个payload有一个用于分组的属性（比如type）
const groupedResults$ = source$.pipe(
  // 按payload的type属性分组，替换成你实际的分组依据
  groupBy(payload => payload.type),
  mergeMap(group => group.pipe(
    toArray(),
    // 用分组的key作为对象的键，生成{ [分组键]: 分组数组 }的格式
    map(groupItems => ({ [group.key]: groupItems }))
  ))
);

这样订阅groupedResults$时，就会依次输出每个分组对应的对象，比如{ Array1: [分组1的元素] }、{ Array2: [分组2的元素] }等，完美匹配你需要的区分分组结果的格式。

本质上map操作符就是用来转换流中每个值的形态，这里不管是处理单一数组还是分组后的数组，都是利用它把数组转换成你需要的键值对对象结构。

内容的提问来源于stack exchange，提问作者Jeremy