map（）関数内の配列の最後の要素であることを確認してください

Question

私は文字列の配列を持っていて、それらを別の行に出力したいと思います。

私はこのために<hr />を使用していますが、これは私のコードにありますので、最後の文字列の後に別の改行を入れます。何か案は？

これは私のコードです：

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

Answer 1

次がある場合は、チェックすることによって、その最後の要素かどうかを確認することができます要素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('')

Answer 2

myArray.map((text, index, {length}) => (
    /* ... your code ... */ 
    if(index + 1 === length){ //last element 

    } 
)); 
//{length} === myArray.length; third argument is an array 

Answer 3

あなただけの反復index、if(index < (myArray.length-1))時にチェックする必要があります。

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

Answer 4

はpragraphではなく、私は一つの小さな改善を持って

return myArray.map((text, index) => (
    <p key={index}> 
     {text} 
    </p> 
));