Question

使用Rxjs 5.0，我有一个这样的对象

var data = [
    {name: 'abc', title: 'zzz', data: '', id: ''},
    {name: 'abc1', title: 'zzz1', data: '', id: ''},
    {name: 'abc2', title: 'zzz2', data: '', id: ''},
    {name: 'abc3', title: 'zzz3', data: '', id: ''}
]

我想简单地映射它，只保留名称和平铺。所以做了类似的事情

Rx.Observable.from(data)
    .map(item => return {name: item.name, title: item.title};)
    .subscribe(items => console.log('Final OBJ:' + JSON.stringify(items)));

在控制台上，我在多行上获取项目，即订阅正在运行4次。我想只使用一个包含只包含名称和标题字段的数据的完整对象运行一次订阅。

控制台上的预期输出是：

Final OBJ: [{name: 'abc', title: zzz},{name: 'abc1', title: zzz1},{name: 'abc2', title: zzz2},{name: 'abc3', title: zzz3}]

Answer 1

你可以简单地拥有：

Rx.Observable.from(data)
  .reduce((arr, item, idx, source) => {
    arr.push({
      name: item.name,
      title: item.title
    });
    return arr;
  }, [])
  .subscribe(items => console.log(JSON.stringify(items)));

JS Bin example

编辑：似乎combineAll应该可以解决问题。

Rx.Observable.from(data)
  .map(item => {
    return Rx.Observable.of({
      name: item.name,
      title: item.title
    });
  })
  .combineAll()
  .subscribe(items => console.log(JSON.stringify(items)));

JS Bin Example

Answer 2

创建一个新数组。使用forEach数组方法从旧数组中获取项目

var newArray = [];
data.forEach(function(item){
 newArray.push({
  name:item.name,
  title:item.title
})

})

console.log(newArray)

JSFIDDLE

将数组对象组合成单个对象

2 个答案: