javascript - 插入HTML时添加逗号的字符串数组

我有一堆要添加到数组中的名称：

for (const approve of requestApproval[strings.Approve]) {
    approved.push(
        approve.Title + '<br/>'
    );
}

数组：



然后，我将其作为HTML放入电子邮件中：

<center>
    <table border="0" cellpadding="5" cellspacing="5" style = "border-collapse: collapse;">
        <tr>
            <th>Approved</th>
            <th>Abstained</th>
            <th>Not Approved</th>
        </tr>
        <tr>
            <td align="center">${approved}</td>
            <td align="center">${abstained}</td>
            <td align="center">${disapproved}</td>
        </tr>
    </table>
</center>

结果是从某处插入了逗号：



如何停止逗号或删除逗号？

最佳答案

当您在模板文字中执行此操作时：

<td align="center">${approved}</td>

...您将数组approved静默转换为字符串，从而用逗号分隔数组元素。

为避免这种情况，请执行以下任一操作：


不要建立一个数组，而是一个字符串：

let approved = ""; // string!
for (const approve of requestApproval[strings.Approve]) {
    approved += approve.Title + '<br/>';
}

要么
使用空字符串作为分隔符，以受控方式转换数组：

<td align="center">${approved.join("")}</td>

关于javascript - 插入HTML时添加逗号的字符串数组，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55518050/