Как вывести по 2 блока?

Question

[Иван Симонов]

Здравствуйте!
Есть класс для вывода блоков, который выводит все блоки, которые есть в массиве

class BlockList {
  constructor(container, block) {
    this.container = container;
    this.block = block;
    this.render();
  }
  addBlock(...args) {
    const { elem } = new Block(...args);
    this.container.appendChild(elem);
  }
  render(){
    for (let i = 0; i < this.block.length; i++) {
      this.addBlock(
        this.block[i].param1,
        this.block[i].param2,
        this.block[i].param3
      )     
    }
  }

Пытаюсь вывести по 2 блока

if(this.block.length > 2){            
      this.addBlock(this.block.slice(0, 2));
    }
    else{
      this.addBlock(this.block);
    }

Подскажите, как связать метод render и вывод по 2 блока
Спасибо

Comments

[Дмитрий]

for (let i = 0; i < 2; i++) {

[Иван Симонов]

Дмитрий, Спасибо. А как тогда вывести следующие 2 блока?
Есть кнопка, по клику на которую происходит вывод. Если больше 2 блоков, кнопку показываем, при клике на которую выводится следующие 2 блока. Не соображу, как в данном случае сделать

[Дмитрий]

Иван Симонов, Например добавить в конструктор свойство сдвига
this.offset = 0

Цикл в ренедеринге будет выглядеть

for (let i = this.offset; i < Math.min(this.offset + 2, this.block.length); i++)

В конце рендеринга прибавляете к оффсету 2

[Иван Симонов]

Дмитрий, Спасибо.

[Иван Симонов]

Дмитрий, Еще небольшой вопрос, а как узнать что больше элементов нет?
последний эл-т массива let lastElement = this.block[this.block.length - 1], но немогу
понять с чем сравнивать. Извините, туплю.

[Дмитрий]

Иван Симонов, this.offset >= this.block.length