调试生成HTML的jquery .map

Question

我试图根据对象的键值对在给定表中生成一些行和单元格。

如下面的jQuery所示，我正在尝试使用.map来执行此操作。

JavaScript对象：

  response = {
    ...
    'details': { 
      'Email': employee.email_work,
      'Slack': employee.username_slack,
    }
  }

jQuery：

$.map(response.details, function(key, val) {

     $("#details-tbl").append([
         $("td").addClass('detail-key').text(key),
         $("td").addClass('detail-value-holder').append(
             $("span").attr('data-resp', key).text(val)
         )
     ]);
 });

所需的html：

<table id="details-tbl">
    <tr>
        <td class="detail-key">
            "[KEY]"
        </td>
        <td>
            <span class="detail-value" data-resp="[KEY]">
                "[VAL]"
            </span>
        </td>
    </tr>
</table>

所需的HTML未显示。没有抛出任何错误。

我可以将对象键用作字符串吗？