在JavaScript中使用array.join（）

Question

我试图像这样的数组中列出每个项目的列表：

var prefetch = document.getElementById("pagetitle2");
var array_prefetch = array[1];
prefetch.innerHTML = '<li>' + array_prefetch.join('</li><li>') + '</li>';

在HTML中：

<ul class="results" id='pagetitle2'></ul>

我还希望array_prefetch值是一个可单击的链接，这意味着我需要以某种方式将<a href="">添加到每个<li></li> 。 但是我不知道如何分割标签。 有办法吗？

Answer 1

我建议先使用map操作来创建列表元素，然后再将它们结合在一起：

prefetch.innerHTML = array_prefetch.map(elem => `<li>${elem}</li>`).join('');

这样，将<a>添加到每个元素变得很简单。

Answer 2

使用Array.prototype.map可以添加链接，如下所示：

prefetch.innerHTML = array_prefetch.map(e => `<li><a href="${e}">${e}</a></li>`);