Вставить элементы в dom через map or foreach?

Question

[Ibishka]

document.querySelector("#mapBtns").innerHTML = coords
    .map(
      (e, i) =>
        `<button class="map-btn ${
          i == 0 ? "active" : ""
        }" data-coord="${JSON.stringify(e.coord)}">${e.title}</button>`
    )
    .join("");

Или через foreach перебирать и используя createelement appendchild?