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

Question

我有一堆名字要添加到数组中:

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>

结果是从某处插入了一个逗号:

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

Answer 1

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

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

...您默默地将数组 approved 转换为字符串，其中数组元素用逗号分隔。

为了避免这种情况，可以:

1. 不构建数组，而是构建字符串:

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

   或者

2. 使用空字符串作为分隔符以受控方式转换数组:

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