RxJS 限制和返回响应结果数组的最佳方式

Question

我正在使用 Angular 2 的 http 服务获取一些数据，API 返回 'n' 个结果，但我只想处理 'x' 个数量。

考虑到我无权访问 API 的端点（为了创建 limit 或 findOne 类方法），我正在尝试找出处理将返回到组件的结果数量的最佳方法调用我的 HomeService 的“loadLatest”方法。

在这个特定的例子中，响应是一个看起来像这样的对象：

{
 success: true,
 data: [Object, Object, Object],
 user: 'testUser'
}

我只对数据数组感兴趣（比如说，只获取它包含的前两个对象）。

如果我想得到一个结果，我可以这样做：

import { Http, Headers } from '@angular/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

const URL = 'http://exampleapi.com/example';

@Injectable()
export class HomeService {
 constructor(private _http: Http){}

 loadLatest() {
  return this._http.get(URL)
  .map(res => res.json())
  .map(({data}) => data[0]);
 }
}

而且它有效（这并不一定意味着它实际上没问题）......但是，我知道必须有更好的方法来返回，例如，返回响应对象中数据数组中的前两个对象。或者前三个，或者前四个......或者我想要多少。

我阅读了有关“采取”方法的信息，但我不相信它在这种情况下实际上会起作用...

这是我订阅它并在我的组件中使用该服务的地方：

import { Component, OnInit } from '@angular/core';
import { HomeService } from './home.service';
import { Observable } from 'rxjs/Observable';

@Component({
 selector: 'home',
 templateUrl: './home.html'
})
export class HomeComponent implements OnInit {
 // I used this typing because I originally only wanted a single item
 // This might have to change
 items: Observable<Object>

 constructor(private homeService: HomeService){}

 ngOnInit() {
  this.homeService.loadLatest()
  .subscribe(result => this.items = result);
 }
}

如您所见，我希望结果是一个包含两个对象的数组，我将它们分配给 this.items，以便我可以使用 Angular 的 *ngFor 迭代这两个对象。

任何帮助将不胜感激！ 提前致谢！

Answer 1

您可以在数据数组中使用slice 方法。

loadLatest() {
  return this._http.get(URL)
  .map(res => res.json())
  .map(({data}) => data.slice(0,2));
}