Скачать или смотреть How to Chunk an Array Based on Another Array of Numbers?

Learn how to efficiently chunk one array of objects based on the counts provided by another array of numbers in JavaScript.
---
This video is based on the question https://stackoverflow.com/q/63706698/ asked by the user 'Ganesh' ( https://stackoverflow.com/u/13050292/ ) and on the answer https://stackoverflow.com/a/63706946/ provided by the user 'Nina Scholz' ( https://stackoverflow.com/u/1447675/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: How to chunk an array based on another array of numbers?

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Chunk an Array Based on Another Array of Numbers?

In JavaScript, we often encounter scenarios where we need to manipulate and transform data structures, especially arrays. One common task is chunking an array based on a set of specified sizes. If you've ever found yourself needing to take an array of objects and split it into groups based on an adjacent array of numbers, this guide is for you!

The Problem

Let's set the stage with an example. Imagine you have the following pieces of information:

An array of values (let’s call it data) that specifies how many objects you want in each chunk.

[[See Video to Reveal this Text or Code Snippet]]

An array of objects (let's call this objlist) containing various entries:

[[See Video to Reveal this Text or Code Snippet]]

Your goal is to chunk the objlist based on the numbers in data, so you'd like to achieve a result that looks like this:

[[See Video to Reveal this Text or Code Snippet]]

This translates to creating nested arrays where each inner array corresponds to the chunks specified by the sizes in data.

The Solution

To solve this problem, we will make use of JavaScript's slice() method, which allows us to extract a portion of the array without modifying the original array. Here's how to approach this problem step-by-step.

Step 1: Initialize Variables

Start by setting up your initial variables:

An array to hold the final result.

Two counters to manage the iteration through the objlist.

[[See Video to Reveal this Text or Code Snippet]]

Step 2: Loop Through the Sizes

Using a while loop, we will iterate over the data array (which you have termed array in the code). In each iteration, we will:

Slice the objlist based on the current number from data.

Increment the starting index for the next slice based on the size just been processed.

Here’s the concise code for these operations:

[[See Video to Reveal this Text or Code Snippet]]

Complete Example

Putting this all together, here is the full implementation of the code:

[[See Video to Reveal this Text or Code Snippet]]

Final Output

When you run the code above, you will get the desired chunked result:

[[See Video to Reveal this Text or Code Snippet]]

Conclusion

Chunking an array based on another array of numbers is straightforward with JavaScript. By strategically utilizing the slice() method and managing indices with counters, we can easily reorganize our data as needed. This technique can be a valuable addition to your JavaScript skills, especially in scenarios where you need to manipulate and distribute data efficiently.

So next time you face a similar challenge, remember this method, and make your coding life a little bit easier!