javascript - 检查它是否是 map() 函数中数组中的最后一个元素

标签 javascript html

我有一个字符串数组,我想将它们打印在不同的行上。

我正在使用 <hr />为此,但就像现在在我的代码中一样,它会在最后一个字符串之后再次中断,这是我想避免的事实。有什么想法吗?

这是我的代码:

return myArray.map((text, index) => (
    <span key={index}>
        {myArray[index]}
        {<hr />}
    </span>
));

最佳答案

你可以通过检查是否有下一个元素来检查它是否是最后一个元素 arr[i + 1]

var arr = ['a', 'b', 'c']
var html = arr.map(function(e, i) {
  return `<span key="${i}">${e}</span>${arr[i+1] ? '<hr>' : ''}` 
})

document.body.innerHTML += html.join('')

关于javascript - 检查它是否是 map() 函数中数组中的最后一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44650201/

相关文章:

javascript - Angular 组件语法,在错误的上下文中调用的回调函数

html - 如何删除数据表 Bootstrap 的垂直滚动?

css - 高度自动在许多 div 中不起作用

javascript - 淡出并多次替换一个div

javascript - 通过 Play Framework 缩小客户端

javascript - 单击时将 div 另存为图像

javascript - jQuery中这两个词有什么区别

javascript - javascript 三元运算符是否只接受单个值?

html - 仅在 IE7、Chrome 和 FF 上存在的简单 CSS 居中问题很好

javascript - 同一 svg 绘图的两个不同 View