Node.js邮件HTML模板用map函数仅显最后项及语法错误问题

云上老周

2026-8-22

问题解决方法

1. 修复仅显示最后一项的问题

你在map回调里用了逗号运算符，它的特性是返回表达式列表的最后一个值，所以return item.name, item.quantity只会返回item.quantity。

要同时显示名称和数量，需要把它们拼接成字符串，再用map生成数组后，通过join('')消除数组元素间的逗号：

<div style="color: #f59e0b;">${cartItems.map((item) => {
  return `${item.name} x ${item.quantity}`;
}).join('')}</div>

2. 修复嵌套HTML的语法错误

在模板字面量里嵌套HTML时，必须用反引号包裹整个HTML片段，同时变量要放在${}中才能正确插值。另外同样需要用join('')处理map返回的数组：

${cartItems.map((item) => {
  return `
    <div>
      <div style='color: #fff;'>${item.name}</div>
      <div style='color: #fff;'>${item.quantity}</div>
    </div>
  `;
}).join('')}

完整示例

把修复后的代码整合到邮件配置中：

const mailOptions = {
  from: "abc@gmail.com",  
  to: "test@gmail.com",  
  subject: "test",  
  html: `
    <p>Message</p>
    <div style="color: #f59e0b;">
      ${cartItems.map((item) => {
        return `
          <div>
            <div style='color: #fff;'>${item.name}</div>
            <div style='color: #fff;'>数量: ${item.quantity}</div>
          </div>
        `;
      }).join('')}
    </div>
  `
};