Assim?
var arr = [1, 2, 3, 4, 5];
var html = "<li>" + arr.join("</li><li>") + "</li>";
console.log(html)
A ideia é você usar o </li><li>
como o objeto de concatenação.
O arr.join('</li><li>')
vai gerar isso:
"1</li><li>2</li><li>3"
Sendo assim, basta adicionar <li>
no início e </li>
no final dessa string
gerada pelo join
.
Além do exemplo acima, daria para fazer algo mais elaborado, com document.createElement
, para criar os li
já dentro de uma ul
, por exemplo:
var arr = [1, 2, 3, 4, 5];
var ul = document.createElement('ul');
arr.forEach(function (value) {
var li = document.createElement('li');
li.innerText = value;
ul.append(li);
})
console.log(ul.outerHTML);