用HTML标记包装数组中的每个项目

Question

我有一个JavaScript对象，其中一部分包含一系列消息。我想将每个项目包装在<ul>标签中，然后集中在var data = { "messages": [ {"message": "Message one"}, {"message": "Message two"} ] } 。

这是对象的简化版本。

_.map(data.messages, function(item){
    return '<li>' + item.message + '</li>';
});

如果它有用，我想使用underscore.js，因为它已经在这个项目中被大量使用，但如果一个vanilla JS解决方案更简单，它就不是必需的。

我已设法使用_.map输出列表项但在每个

之间添加逗号

<ul>
    <li>Message one</li>,
    <li>Message two</li>
</ul>

但它在每个项目之间添加逗号

from pydoc import pager
pager('hello world\n' * 100)

如此处所见https://jsfiddle.net/hmbejuvm/5/

Answer 1

你小提琴的第15行

<div id="excelDataTable_epgd" style="display: none"> </div>
<div id="EPGD_SIZE" style="display: none"> </div>

因为map返回一个数组而不是一个字符串，你需要用空格连接它。