限制 .map 循环中的项目

我想问一下如何限制我的.map例如，仅循环到 5 个项目，因为当前当我访问 api 时，它返回 20 个项目。但我只想显示 5 个。我发现大多数情况只是循环整个对象数组，而不是将其限制为多个项目。

注意：我无法控制 API，因为我只是使用 moviedb api

这是我的代码：

var film = this.props.data.map((item) => {
  return <FilmItem key={item.id} film={item} />
});

return film;

你可以使用Array#slice https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice并只获取​​您需要的元素。

var film = this.props.data.slice(0, 5).map((item) => {
        return <FilmItem key={item.id} film={item} />
    });

return film;

如果不再需要原始数组，可以通过将长度设置为来改变数组5并迭代它们。