Как вывести элементы массива по парам?

Question

[Леонид Смирнов]

Имеется массив, со значениями:

[1,2,3,4,5,6,7,8,9]

Как вывести элементы из него по двое, чтобы итог был примерно таким:

<div>
  <div>12</div>
  <div>34</div>
  <div>56</div>
  <div>78</div>
  <div>9</div>
</div>

Answer 1

[Артём Лучников]

var arr = [1,2,3,4,5,6,7,8,9],
    count = arr.length,
    str = '';

for (var i = 0; i < count; i++) {
  str += '' + arr[i];

  if ((i+1) % 2 === 0 || (i+1) === count) {
    $('#block').append('<div>' + str + '</div>');
    str = '';
  }
}

jsfiddle

Comments

[Леонид Смирнов]

Большое спасибо

Answer 2

[Stalker_RED]

while (data.length) {
  target.insertAdjacentHTML('beforeend', `<div>${data.splice(0, 2).join('')}</div>`)
}

https://jsfiddle.net/fpoLzf98/

Comments

[Леонид Смирнов]

Большое спасибо

Answer 3

[Сева]

let array = [1,2,3,4,5,6,7,8,9];
let container = document.createElement('div');
for (let i = 0; i < array.length; i++) {
  let div = document.createElement('div');
  div.innerText = `${array[i]}${ array[i+1] ? array[i+1] : ''}`;
  container.appendChild(div);
  i++;
}

Comments

[Леонид Смирнов]

Почему что не сработало. Возможно я допустил ошибку в использовании - но все равно спасибо.

[Сева]

Леонид Смирнов, ну потому что вывода нет, а так работет :)