时间戳

首页 > 解决方案 > javascript将数组打印成段落

javascript - javascript将数组打印成段落

问题描述

我正在尝试制作一个本地 html 来显示 txt 文件中的一些文本（也是本地的）。我用它来将文件读入数组并打印出来：

<input type="file" name="files" id="inputfile">
<script type="text/javascript"> 
document.getElementById('inputfile')
.addEventListener('change', function() {
    var test=new FileReader();
    test.onload=function(){
        document.getElementById('output')
                .textContent=fl.result;
    }
    test.readAsText(this.files[0]);
})
</script>

但是，我想将它从数组中逐行打印成段落（第一行进入标题，第二行进入段落，第三行进入标题等等......）。有没有办法从数组中自动完成，或者我必须为每个数组手动完成？我在javascript中有点绿色，所以我宁愿避免使用节点等。

标签： javascriptarrays

解决方案

如果标题和段落总是严格交替，您可以检查每个数组索引是奇数还是偶数，以决定是否将其包装在标题或段落标签中。单程：

arr = ["header", "paragraph", "header", "paragraph", "header", "paragraph"]

joined = arr.map((el, i) => {
  return (i % 2 === 0) ? `<h1>${el}</h1>` : `<p>${el}</p>` ;
}).join('')

console.log(joined)

推荐阅读