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

166
02 октября 2018, 17:00

Есть массив:

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

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

12
34
56
78

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

Answer 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

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

Answer 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; 
}
<div class="clk"></div>

READ ALSO
Почему imagemin удаляет содержимое svg файла?

Почему imagemin удаляет содержимое svg файла?

Использую такой task для обработки изображенийПо сути imagemin должен сжимать svg файлы, но в итоге получается, что он просто удаляет содержимое

149
Как получить label выбраного option в datalist?

Как получить label выбраного option в datalist?

Пытаюсь получить значение ( label ) выбранного вариант с ползука ( range )

167
Как избавиться от лишней таблицы в бд

Как избавиться от лишней таблицы в бд

Суть: данная таблица хорошо подходит для описания моих сущностный, проблемы возникают только из-за 2 полейПоле ganre_id может быть у одной сущности,...

182
Sql запрос возвращает дубликаты

Sql запрос возвращает дубликаты

Всем приветВот скрин моей схемы

202