Criação de elementos a partir de um array em JavaScript

Suponha que temos um array:

javascriptlet arr = [1, 2, 3, 4, 5];

Suponha também que temos um elemento pai:

html<div id="parent"></div>

Vamos adicionar ao nosso pai novos parágrafos, cujo texto serão os elementos do nosso array.

Vamos implementar o descrito:

javascriptlet parent = document.querySelector('#parent');

let arr = [1, 2, 3, 4, 5];

for (let elem of arr) {
  let p = document.createElement('p');
  p.textContent = elem;
  
  parent.appendChild(p);
}