使用map遍历两个数组

  • Z时代
  • 2024-01-10
  • 分类：问答

当前在React中，我正在使用array.map(function(text,index){})一个数组进行迭代。但是，如何使用map同时遍历两个数组？

var sentenceList = sentences.map(function(text,index){
            return <ListGroupItem key={index}>{text}</ListGroupItem>;
        })
return (
     <div>
       <ListGroup>
        {sentenceList}
      </ListGrouup>
   </div>
);

像这样，我希望在每次迭代之前都添加图标。我计划将这些图标放在另一个数组中。因此，这就是为什么要迭代两个数组的原因。

回答：

如果可能的话，我建议将文本与图像一起存储在对象数组中，例如：

const objects = [{text: 'abc', image: '/img.png' }, /* others */];

这样，您就可以遍历数组并同时选择两个成员，例如：

objects.map(item => (<Component icon={item.image} text={item.text} />) )

如果这不可能，则只需映射一个数组并通过当前索引访问第二个数组的成员：

sentences.map((text, index) => {
    const image = images[index];
    return (<Component icon={image} text={text} />);
});

以上是 使用map遍历两个数组 的全部内容， 来源链接： utcz.com/qa/431780.html

回到顶部