如何从数组中获取前N个元素

Question

我正在使用 Javascript(ES6) /FaceBook react 并尝试获取大小不同的数组的前 3 个元素。我想做相当于 Linq take(n) 的操作。

在我的 Jsx 文件中，我有以下内容：

var items = list.map(i => {
  return (
    <myview item={i} key={i.id} />
  );
});

然后得到我尝试的前 3 个项目

  var map = new Map(list);
    map.size = 3;
    var items = map(i => {
      return (<SpotlightLandingGlobalInboxItem item={i} key={i.id} />);
    });

这不起作用，因为地图没有设置功能。

你能帮忙吗？

原文由 user1526912 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我相信您正在寻找的是：

 // ...inside the render() function

 var size = 3;
 var items = list.slice(0, size).map(i => {
 return <myview item={i} key={i.id} />
 });
 return (
 <div>
 {items}
 </div>
 )

原文由 Patrick Shaughnessy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

要获取数组的第一个 n 元素，请使用

const slicedArray = array.slice(0, n);

原文由 Oriol 发布，翻译遵循 CC BY-SA 4.0 许可协议