在垂直列表中显示JavaScript数组

Question

我有一个我已经生成的数组，我想将它显示在html中作为垂直列表，最好作为每个单独的元素。

我已经做到了这一点：

var a = _.intersection(viewedUserLikedUsersArray, loggedInLikedUsersArray); 
    for (var i=0; i < a.length; i++){ 
    displayListOfMatches.innerHTML = a[i]; 
    } 

但显然这种方式将与数组中的最后一个元素取代的innerHTML上，而不是相互

Answer 1

你可能会得到顶部堆叠每一个有人说这样做：

displayListOfMatches.innerHTML = "<p>" + a.join("</p><p>") + "</p>"; 

...其中工程但请注意，数组条目的内容将作为HTML被解析为。与forEach

displayListOfMatches.innerHTML = a.map(function(entry) { 
    return "<p>" + entry.replace(/&/g, "&amp;").replace(/</g, "&lt;") + "</p>"; 
}).join(""); 

...或建立的元素，当您去，也许是：

如果这不行，您可以通过更换这些字符通过map建立一个HTML字符串

displayListOfMatches.innerHTML = ""; // You can leave this out if it's empty 
a.forEach(function(entry) { 
    var p = document.createElement("p"); 
    p.appendChild(document.createTextNode(entry)); 
    displayListOfMatches.appendChild(p); 
}); 

当然，在任何情况下，您都可以调整它以使用不同的元素/标记。