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

Question

我正在使用Javascript(ES6)/FacebookReact，并尝试获得大小不同的数组的前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} />);
    });

这不起作用，因为地图没有一个设置的函数。

你能帮忙吗？

Answer 1

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

array.slice(0, n);

Answer 2

我相信你要找的是：

// ...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>   
)