我目前有这段代码可以拆分字符串并将其显示为列表。
<span className="reply">{this.props.message.split("\n").map((chunk) => {
return <span className="message-chunk">{chunk}<br /></span>
})}
我想跳过拆分数组中的第一个和最后一个元素,因为字符串是这样的形式。
Heading\n
List Item\n
List Item\n
List Item\n
Ending\n
有没有办法在使用 map 功能时做到这一点。我在另一个相关问题中看到提到了 filter()
函数,但我认为这在这里不适用。感谢您的帮助。
最佳答案
一个选择是只slice映射之前的数组,因此在您的情况下它将是:
this.props.message.split("\n").slice(1, -1).map((chunk) => {
return <span className="message-chunk">{chunk}<br /></span>
})
请注意,这将从数组中删除第一个和最后一个元素。如果您不打算修改第一个或最后一个元素,我推荐@vlaz 的回答:)
关于javascript - 使用 javascript map() 时如何跳过某些元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39430675/