使用map遍历两个数组 [英] Using map to iterate through two arrays
问题描述
当前在React中,我正在使用 array.map(function(text,index){})
遍历数组.但是,我要如何使用map同时遍历两个数组?
Currently in React, I am using array.map(function(text,index){})
to iterate through an array. But, how am I going to iterate through two arrays simultaneously using map?
编辑
var sentenceList = sentences.map(function(text,index){
return <ListGroupItem key={index}>{text}</ListGroupItem>;
})
return (
<div>
<ListGroup>
{sentenceList}
</ListGrouup>
</div>
);
就像,在此我希望图标在每次迭代之前都带有前缀.我计划将这些图标放在另一个数组中.因此,这就是为什么要迭代两个数组的原因.
Like, in this I want icons to be prepended with every iteration. And I'm planning to have those icons in another array. So, thats why iterate two arrays.
推荐答案
如果可能的话,我建议将文本与图像一起存储在对象数组中,例如:
If at all possible, I would recommend storing the text alongside the images in an array of objects, eg:
const objects = [{text: 'abc', image: '/img.png' }, /* others */];
这样,您就可以遍历数组并同时选择两个成员,例如:
that way you can just iterate through the array and select both members at the same time, for example:
objects.map(item => (<Component icon={item.image} text={item.text} />) )
如果这不可能,则只需映射一个数组并通过当前索引访问第二个数组的成员:
If this isn't possible then just map over one array and access the second array's members via the current index:
sentences.map((text, index) => {
const image = images[index];
return (<Component icon={image} text={text} />);
});
这篇关于使用map遍历两个数组的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!