0

我有这个数据结构：

[{
    id : 1,
    name : "Item 1",
    subItems : [{
            id : 1,
            name : "SubItem 1"
        },{
            id : 2,
            name : "SubItem 2"
        }
    ]
}, {
    id : 2,
    name : "Item 2",
    subItems : [{
            id : 3,
            name : "SubItem 3"
        }, {
            id : 4,
            name : "SubItem 4"
        }
    ]
}]

我对 Web 服务进行以下调用以获取项目： this.dataService.get("items")

返回的是一个Observable<Item[]>. 我可以使用哪些 Observable 运算符来仅获取子项的串联列表？我想结束这样的事情：

[{
    id : 1,
    name : "SubItem 1"
}, {
    id : 2,
    name : "SubItem 2"
},
{
    id : 3,
    name : "SubItem 3"
}, {
    id : 4,
    name : "SubItem 4"
}]

我应该使用类似flatMapor的东西concat吗？

4

2 回答 2

1

您希望第一个map()操作员仅提取您需要的字段，然后使用它们将对象数组展平concatAll()（这是高阶 Observable 的一个小技巧，有关更多信息，请参阅订阅嵌套的 Observable）：

var data = [{
    id : 1,
    name : "Item 1",
    subItems : [
        { id : 1, name : "SubItem 1" },
        { id : 2, name : "SubItem 2" }
    ]
}, {
    id : 2,
    name : "Item 2",
    searchProfiles : [
        { id : 3, name : "SubItem 3" },
        { id : 4, name : "SubItem 4" }
    ]
}];

Observable.from(data)
    .map(item => {
        if (item.searchProfiles) {
            return item.searchProfiles;
        } else if (item.subItems) {
            return item.subItems
        }
    })
    .concatAll()
    .subscribe(val => console.log(val));

这将打印到控制台：

{ id: 1, name: 'SubItem 1' }
{ id: 2, name: 'SubItem 2' }
{ id: 3, name: 'SubItem 3' }
{ id: 4, name: 'SubItem 4' }

或者，如果您真的希望将输出作为单个数组，那么您可以在andtoArray()之间添加运算符，您将收到：.concatAll().subscribe(...)

[ { id: 1, name: 'SubItem 1' },
  { id: 2, name: 'SubItem 2' },
  { id: 3, name: 'SubItem 3' },
  { id: 4, name: 'SubItem 4' } ]
于 2016-10-31T17:21:08.803 回答
1

如果它是一个错字并且第二个元素也有subItems（而不是searchProfiles），则您不需要 flatMap 或任何类似的东西，您可以使用 js 数组运算符在普通地图中执行此操作：

var transformed = [].concat(...result.map(item => item.subItems));

或者在你的情况下

httpResult$.map(result => [].concat(...result.map(item => item.subItems))

如果故意使用不同的键，您的内部映射将需要更多逻辑，但映射将完全相同

于 2016-10-31T17:17:45.337 回答