Skip to main content
adicionou 494 caracteres ao conteúdo
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

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);

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.

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);

Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

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.