数组到换行符 字符串到数组 再次通过 HTML

Question

我有一个来自我的API的数组，我想以一种对用户更好的方式排列（即，在列中，而不是典型的逗号分隔的打印数组）。这是我的JS小提琴，以提供更清晰的图片：https://jsfiddle.net/2z89owas/我的问题是，我如何才能像）一样显示（并保持其状态为可迭代数组，就像它一样）？output3outputdates

Answer 1

您可以尝试映射日期的内容，如下所示：

let datesElem = dates.map(date =>`<p>${date}</p>`);

// test: console.log(datesElem)

document.getElementById('output3').innerHTML = datesElem

Answer 2

您可以直接使用联接，如下所示：

document.getElementById('output3').innerHTML = dates.join(',');

Answer 3

首先，您不应该对 html 元素使用值。可以使用 .value 从输入中提取值。将您的行更改为：

var val = document.getElementById('output2').innerHTML;

之后，您必须以与加入相同的方式进行拆分。

var dates3 = val.split('<br>');

document.getElementById('output3').innerHTML = dates3;