javascript - 将数组拆分为无序列表？

Question

我遇到了一个似乎无法解决的简单问题。以下是简化版本:

var data = {
    Alabama: ['AL 1', 'AL 2', 'AL 3'],
    Alaska: ['AK 1', 'AK 2', 'AK 3'],
}

正在使用 data.Alabama、data.Alaska 等打印

未格式化的返回值为:AL 1,AL 2,AL 3(逗号分隔，无空格)。

我遇到的基本问题是用换行符或类似的东西分割数组。 jQuery 是可以接受的，我已经尝试了一些使用正则表达式和切片的基本方法，但似乎没有返回我正在寻找的内容。唯一的限制是对 data.Alabama 的调用必须保持不变(即 data.Alabama[0]、data.Alabama[1] Not Acceptable )。

最终我想要的输出将是数组的无序列表，如下所示:

<ul>
    <li>AL 1</li>
    <li>AL 2</li>
    <li>AL 3</li>
</ul>

但仅使用换行符也是可以接受的:

AL 1<br/>
AL 2<br/>
AL 3<br/>

Answer 1

如果您确信数据永远不会包含需要 HTML 转义的字符，例如:

var alabama = "<ul><li>" +
  data.Alabama.join("</li><li>") +
  "</li></ul>";

会的。

var data = {
    Alabama: ['AL 1', 'AL 2', 'AL 3'],
    Alaska: ['AK 1', 'AK 2', 'AK 3'],
};

document.getElementById('ctr').innerHTML = 
  "<ul><li>" +
  data.Alabama.join("</li><li>") +
  "</li></ul>";

<div id="ctr">

</div>