我正在使用 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} />);
});
这不起作用，因为地图没有设置功能。
你能帮忙吗？
要获取n数组的第一个元素，请使用
const slicedArray = array.slice(0, n);
我相信你正在寻找的是：
// ...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>
)
arr.length = n
这可能令人惊讶，但length数组的属性不仅用于获取数组元素的数量，而且它也是可写的，可用于设置数组的长度MDN link。这将改变数组。
如果您不关心不变性或不想为游戏分配内存，这将是最快的方法。
清空数组
arr.length = 0
您可以使用index数组进行过滤。
var months = ['Jan', 'March', 'April', 'June'];
months = months.filter((month,idx) => idx < 2)
console.log(months);不要尝试使用 map 函数来执行此操作。Map 函数应该用于将值从一件事映射到另一件事。当输入和输出的数量匹配时。
在这种情况下，请使用数组上也可用的过滤器功能。当您想有选择地采用符合特定条件的值时，将使用过滤器功能。然后你可以像这样写你的代码
var items = list
.filter((i, index) => (index < 3))
.map((i, index) => {
return (
<myview item={i} key={i.id} />
);
});