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 class="item">8</div>
  <div class="item">9</div>
  <div class="item">10</div>
</div>

JavaScript

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

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

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

var blocksCount = Math.ceil(items.length / min)
for (let c = 0; c < blocksCount; c++) {
	sortedItems.push(items.splice(0, min));
}

console.log(sortedItems);