在 JavaScript 中使用 array.join()答案

【问题标题】：Using array.join() in javascript在 JavaScript 中使用 array.join()
【发布时间】：2019-02-07 23:33:56
【问题描述】：

我正在尝试列出这样的数组中的每个项目：

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> 中。但是我不知道如何拆分标签。有没有办法做到这一点？

【问题讨论】：

您可以添加其余代码吗？
api.jquery.com/jQuery.map 将数组中的元素映射成一个带有链接的 li 字符串，加入所有这些元素，然后将其添加到您的 innerHTML
如果您想要完整的答案，请出示array_prefetch 的内容样本。例如，现在您只是将内容显示为字符串。它是一个 URL 数组吗？
是的，它是一个 URL 数组，抱歉 @HereticMonkey

标签： javascript jquery html arrays

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

使用Array.prototype.map，您可以像这样添加链接：

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

【讨论】：

array_prefetch 值应该是链接到的地址
所以你想要<a href="array_prefetch[i]">？