切片JSON数据？

Question

我正在试图找出一种方法，从80个数组中取出前5个项目，并将它们放入一个无序列表中。我像这样映射数据，但不确定如何只收集前5个结果。<ul>{data.moves.map((item) => (<li key={index}>{item.move.name} </li>))</ul>我也试过了，而不是传递整个数组来切掉前5个数组，但我不能让它为我工作。

有什么想法吗？谢谢!

Answer 1

这是您可以快速完成的一件事：

<ul>{data.moves.map((item, idx) => (idx < 5) && (<li key={index}>{item.move.name} </li>))</ul>

这将只显示前5个项目。

Answer 2

与JS中的任何数组一样，您只需使用

arr.slice(0, 5)

获取前5个元素。注意，.slice()返回一个新的数组。Docs。