JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
</div>

JavaScript

let slidesPerView = 5;// значение которое может меняться
var min = slidesPerView;

var items = [...document.querySelectorAll('.item')];
var sortedItems = [];

items = items.map(item => item.textContent)

var blockNumber = 0
var block = []

items.forEach((item, i) => {
  block.push(item)
  if (block.length == min || i + 1 == items.length) {
	  sortedItems[blockNumber] = block
    block = []
  	blockNumber++
    counter = 0
  }
})

console.log(sortedItems);