我正在使用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函数。
你能帮帮我吗?
当前回答
我相信你在寻找的是:
// ...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>
)
其他回答
举个简单的例子:
var letters = ["a", "b", "c", "d"];
var letters_02 = letters.slice(0, 2);
console.log(letters_02)
输出:["a"， "b"]
var letters_12 = letters.slice(1, 2);
console.log(letters_12)
输出:[b]
注意:slice只提供一个浅拷贝，不修改原始数组。
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"]
知道更多
arr.length = n
这可能令人惊讶，但数组的长度属性不仅用于获取数组元素的数量，而且它也是可写的，可以用来设置数组的长度MDN链接。这将改变数组。
如果你不关心不可变性或不想分配内存，例如对于游戏来说，这将是最快的方法。
清空数组
arr.length = 0
试着从列表中获取前n个元素:
const slicedList = list.slice(0, n);
例子: Const list = [1,2,3,4,5] console.log(列表。slice(0,3)) //返回[1,2,3] console.log(列表。slice(0, 10)) //返回[1,2,3,4,5]，因为这是前10个元素中所有的元素
使用lodash, take函数，您可以通过以下方式实现:
_.take([1, 2, 3]);
// => [1]
_.take([1, 2, 3], 2);
// => [1, 2]
_.take([1, 2, 3], 5);
// => [1, 2, 3]
_.take([1, 2, 3], 0);
// => []
