Array to Newline String 到 Array 再次通过 HTML答案

【问题标题】：Array to Newline String to Array again through HTMLArray to Newline String 到 Array 再次通过 HTML
【发布时间】：2020-05-07 19:10:39
【问题描述】：

我有一个来自我的 API 的数组，我想以一种对用户更好的方式进行排列（即，在一个列中，而不是典型的逗号分隔的打印数组）。

这是我的 JS Fiddle 以提供更清晰的图片：https://jsfiddle.net/2z89owas/

我的问题是，我怎样才能让output3 像output 一样显示（并像dates 一样保持它作为可迭代数组的状态）？

【问题讨论】：

【解决方案1】：

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

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

之后，您必须按照加入时的方式进行拆分。

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


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

【讨论】：

【解决方案2】：

你可以直接使用join，比如：

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

【讨论】：

【解决方案3】：

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

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

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

【讨论】：