我正在使用Javascript(ES6) /FaceBook反应，并试图获得大小不同的数组的前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} />);
});
这并没有起作用，因为map没有一个set函数。
你能帮帮我吗?
当前回答
不要尝试使用映射函数来实现这一点。Map函数应该用于将值从一个事物映射到另一个事物。当输入和输出的数量匹配时。
在这种情况下，使用过滤器函数，该函数在数组上也可用。当您希望选择性地获取符合特定条件的值时，使用过滤器函数。然后你可以像这样写代码
var items = list
.filter((i, index) => (index < 3))
.map((i, index) => {
return (
<myview item={i} key={i.id} />
);
});
其他回答
要获取数组的前n个元素，使用
const slicedArray = array.slice(0, n);
不要尝试使用映射函数来实现这一点。Map函数应该用于将值从一个事物映射到另一个事物。当输入和输出的数量匹配时。
在这种情况下，使用过滤器函数，该函数在数组上也可用。当您希望选择性地获取符合特定条件的值时，使用过滤器函数。然后你可以像这样写代码
var items = list
.filter((i, index) => (index < 3))
.map((i, index) => {
return (
<myview item={i} key={i.id} />
);
});
slice()方法将数组部分的浅拷贝返回到从开始到结束(不包括end)选择的新数组对象中，其中start和end表示该数组中项目的索引。原始数组将不会被修改。
const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];
console.log(animals.slice(2));
// expected output: Array ["camel", "duck", "elephant"]
console.log(animals.slice(2, 4));
// expected output: Array ["camel", "duck"]
console.log(animals.slice(1, 5));
// expected output: Array ["bison", "camel", "duck", "elephant"]
console.log(animals.slice(-2));
// expected output: Array ["duck", "elephant"]
console.log(animals.slice(2, -1));
// expected output: Array ["camel", "duck"]
知道更多
用LInQer你可以做到:
Enumerable.from(list).take(3).toArray();
我相信你在寻找的是:
// ...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>
)
