如何使用javascript從我的API中隨機響應

Question

我正在學習JavaScript和Angular，並且試圖從我的API響應中隨機獲取3個對象。 我該怎么做？

我已經打印了結果，但是我只想隨機打印3個名字。

的HTML

<div *ngFor='let heroi of randomHeros'>
  {{heroi.name}}
  {{heroi.description}}
</div>

零件

randomHeros;

  ngOnInit() {
    this.getHeroiAleatoriamente();
  }

  getHeroiAleatoriamente() {
    this.heroiService.getTodosHerois()
    .subscribe(
      response => {
        response = response.data.results;
      }
    );
  }

服務

getTodosHerois(): Observable<any> {
    return this.httpClient.get(`${API}/characters${KEYS}`)
    .pipe(
      map(
        response => response
      ),
      (error) => error
    );   }

Answer 1

有很多方法可以做到這一點。 無論您將值分配給randomHeros哪里，我都可能會在過濾器中執行此randomHeros 。 Lodash具有一些不錯的實用程序功能，可以幫助您過濾和管理可觀察對象中的數據。 檢出sampleSize

.map(todosHerois => _.sampleSize(todosHerois, 3))

在您的服務中，您可能想更詳細地了解getTodosHerois的返回值：

getTodosHerois(): Observable<Heroi[]> {