Разбиение массива на более мелкие фрагменты — обычная задача в программировании на JavaScript. Независимо от того, нужно ли вам обрабатывать данные в пакетном режиме или отображать результаты с разбивкой на страницы, решающее значение имеет наличие эффективных методов разделения массивов на более мелкие, управляемые фрагменты. В этой статье мы рассмотрим несколько способов добиться этого на примерах кода.

Метод 1: использование цикла for

function chunkArray(arr, size) {
  const chunkedArr = [];
  for (let i = 0; i < arr.length; i += size) {
    const chunk = arr.slice(i, i + size);
    chunkedArr.push(chunk);
  }
  return chunkedArr;
}
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const size = 3;
const result = chunkArray(array, size);
console.log(result);

Метод 2: использование метода splice()

function chunkArray(arr, size) {
  const chunkedArr = [];
  let index = 0;
  while (index < arr.length) {
    const chunk = arr.splice(index, size);
    chunkedArr.push(chunk);
  }
  return chunkedArr;
}
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const size = 3;
const result = chunkArray(array, size);
console.log(result);

Метод 3. Использование метода уменьшения()

function chunkArray(arr, size) {
  return arr.reduce((acc, val, index) => {
    const chunkIndex = Math.floor(index / size);
    if (!acc[chunkIndex]) {
      acc[chunkIndex] = [];
    }
    acc[chunkIndex].push(val);
    return acc;
  }, []);
}
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const size = 3;
const result = chunkArray(array, size);
console.log(result);

Метод 4. Использование метода среза() с циклом while

function chunkArray(arr, size) {
  const chunkedArr = [];
  let index = 0;
  while (index < arr.length) {
    const chunk = arr.slice(index, index + size);
    chunkedArr.push(chunk);
    index += size;
  }
  return chunkedArr;
}
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const size = 3;
const result = chunkArray(array, size);
console.log(result);

Метод 5. Использование библиотеки lodash (установить с помощью npm/yarn)

const _ = require('lodash');
const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const size = 3;
const result = _.chunk(array, size);
console.log(result);

В этой статье мы рассмотрели различные методы разделения массивов на более мелкие фрагменты в JavaScript. Мы рассмотрели ручные подходы с использованием циклов for, while и методов массивов, таких как splice() и срез(). Кроме того, мы представили библиотеку lodash, которая предоставляет удобную функцию chunk() для разбиения массива на фрагменты. Реализуя эти методы, вы можете эффективно разбивать большие массивы на более мелкие, управляемые части для улучшения обработки и отображения данных.

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