Вывод элементов массива по 2 за раз. JS

#javascript #массивы

Есть массив:  

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


По клику, должно выводиться по два элемента в консоль:

12
34
56
78


Как это реализовать ? 
    

Ответы

Ответ 1

Ну например так:



var arr = [1,2,3,4,5,6,7,8];
                    
for(var i = 0; i < arr.length; ++i) {
    console.log(arr[i], 
                arr[++i]);
}




Вывод:

1 2
3 4
5 6
7 8


Ну а по клику, это уже вам нужно обернуть например в функцию и уже на клик по вешать.


Ответ 2

По клику, должно выводиться по два элемента в консоль. Как это реализовать ?


Вот так например:



var arr = [1, 2, 3, 4, 5, 6, 7, 8];
// Элемент 
var d = document.querySelector('.clk')
var i = 0; // Счётчик
// Вешаем событие клик
d.addEventListener('click', function() {
  if (i < arr.length) { // i в размере массива
    console.log(arr[i++], arr[i]);
    i++;
  } else { // обнуляем на следующий круг
    i = 0;
  }
})
.clk {
  background: red;
  width: 200px;
  height: 200px;
  cursor: pointer;
}