通过HTML将数组转换为新行字符串再次转换为数组。

Question

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

这是我的JS Fiddle，让大家看得更清楚。https:/jsfiddle.net2z89owas。

我的问题是，我如何才能获得 output3 显示就像 output (并保持其作为一个可迭代数组的状态，就像以前作为 dates)?

Answer 1

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

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

然后，你必须用join的方式来分割。

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


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

Answer 2

你可以直接使用join，类似于。

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

Answer 3

你可以尝试将日期的内容映射过来，就像这样。

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

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

通过HTML将数组转换为新行 字符串再次转换为数组。