To split a list into chunks of 100 items in JavaScript

To split a list into chunks of 100 items in JavaScript, you can create a function that loops through the list and slices it into smaller subarrays of size 100. Here’s how you can do it:

Example Code:

function splitListBy100(array) {
    const chunkSize = 100;
    const result = [];

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

    return result;
}

// Example usage:
const myArray = [...Array(350).keys()]; // Creating an array of numbers from 0 to 349
const chunks = splitListBy100(myArray);

console.log(chunks);

Explanation:

1. chunkSize: Defines the size of each chunk, which in this case is 100.
2. for loop: Iterates over the array, incrementing the index by 100 each time.
3. array.slice(i, i + chunkSize): Extracts a chunk from the array starting from index i and ending at i + chunkSize.
4. result.push(): Adds the chunk to the result array.
5. The function returns an array of arrays (chunks).

Output Example:

If the input array contains 350 elements, the output would be an array containing 4 chunks:

• The first 3 chunks will have 100 elements each.
• The last chunk will contain the remaining 50 elements.

You can modify the chunkSize value if you need to change the size of the chunks.