Javascript 在array.map中呈现元素时删除尾随逗号

有没有简单的方法删除下面代码段中的尾随逗号

const renderElements = () => {
    if (!(data && data.length)) return [];
    return data.map(({ id, name }, index) => (
      <p key={id}>{`${name}${
        !(index === data.length - 1) ? "," : ""
      }`}</p>
    ));
}


return (
 <div>
  {renderElements()}
</div>
)

const renderements=（）=>{
if（！（data&&data.length））返回[]；
返回data.map（{id，name}，index）=>(
{`${name}${
！（索引===data.length-1）？，：“
}`}
));
}
返回(
{renderRelations（）}
)

您的代码运行得很好，那么为什么还要费心寻找另一种编写方法呢

但是，您可能不需要手动插入逗号，只需将其留给css即可：

const renderements=（）=>{
if（！（data&&data.length））返回[]；
返回data.map（{id，name}）=>(
{name}
));
}
返回(
{renderRelations（）}
);

divp{
显示：内联；
}
div p:not（：类型的最后一个）：：之后{
内容:",",；
}

爱丽丝

鲍勃

查理

大卫

您的代码运行得很好，那么为什么还要费心寻找另一种编写方法呢

但是，您可能不需要手动插入逗号，只需将其留给css即可：

const renderements=（）=>{
if（！（data&&data.length））返回[]；
返回data.map（{id，name}）=>(
{name}
));
}
返回(
{renderRelations（）}
);

divp{
显示：内联；
}
div p:not（：类型的最后一个）：：之后{
内容:",",；
}

爱丽丝

鲍勃

查理

大卫

您可以使用CSS在元素之前或之后添加内容您可以使用CSS在元素之前或之后添加内容这正是我刚才在answerLol下评论的内容，我们认为是相同的内容这正是我刚才在answerLol下评论的内容，我们认为是相同的事情