Как получать каждые 12 элементов из массива?

Question

[grande2k]

Есть массив с треками, и есть слайдер, каждый слайд может содержать максимум 12 элементов (треков), если их больше то добавляется новый слайд и туда помещаются остальные треки.

trackListsNumber = Math.ceil(tracks.length / 12);

Нужное количество слайдов я могу вычислить, нужно что их всех заполнить треками.

Условно если количество треков 34, то получается 2 слайда по 12 треков, и третий слайд который содержит оставшиеся 10 треков



Как это примерно должно выглядеть (на скрине опечатка пропустили 12, не обращайте внимания)

Comments

[WbICHA]

А чтобы не писать свой велосипед: https://www.geeksforgeeks.org/lodash-_-chunk-method/

Answer 1

[VoidVolker]

Вот так: Array.prototype.slice()

Answer 2

[GeKskill]

Просто поделите массив на чанки:

let array = [1,2,3,4,5,6,7,8,9,10,11]
const chunkSize = 3;
let chunks = [];

for (let i = 0; i < array.length; i += chunkSize) {
     chunks.push( array.slice(i, i + chunkSize) );
}

// на выходе
[ 
[1, 2, 3], 
[4, 5, 6],
[7, 8, 9], 
[10, 11]
]

Ну или в бэкенде сразу разбивайте, смотря как шаблон выводите.

Comments

[grande2k]

Сработало, спасибо)

А не подскажите как мне перебирать элементы у chunks[i] что бы не было цикла в цикле?

for(let i = 0; i < trackListsNumber; i++) {
   trackList1[i].append(chunks[i]);
}

[GeKskill]

grande2k, Не совсем понятно из вашего примера что такое trackListsNumber, но по-любому будет два цикла внешним перебираем чанки ( грубо говоря это 1 слайд за итерацию ), а внутренним уже элементы списка.

for ( let i = 0 ; i < chunks.length; i++ ){
     // chunks[i] - Это ваш слайд
    for ( let i2 = 0; i2 < chunks[i].length;  i2++){
       //chunks[i][i2] - это ваш элемент списка
    }
}

Answer 3

[Сергей delphinpro]

let array = [1,2,3,4,5,6,7,8,9,10,11]
const chunkSize = 3;
let chunks = [];

while (array.length > 0) {
  chunks.push( array.splice(0, chunkSize) );
}

console.log(chunks);