Iterate through a specified number of elements in batches during each loop execution

Question

Iterate through a specified number of elements in batches during each loop execution

Imagine we have an array like this:

let numbers = [1,2,3,4,5,6,7,8,9,10]

For example: If we want to create 5 sets with each pair of numbers in it, the result would look like this,

set1 = [1,2]
set2 = [2,4]
set3 = [5,6]

We can achieve this using the modulo operator(%), specifically because these are pairs - like so:

for (let i = 0; i < numbers.length; i++) {
  if(numbers[i] % 2 === 0)
    window['set' + i].push(numbers[i], numbers[i - 1])
}

There are various other methods, such as using nested loops.

I feel there might be a simpler solution out there, so I'd appreciate any suggestions!

Now, what's a more elegant way to iterate through every 'n' items in an array, apply a certain operation on them, and then proceed to the next 'n' elements?

Update:

The previous example focused on dealing with pairs from a 10-element array- That was just random. My aim isn't specifically about pairs - The main idea is how to loop through every N elements in an array, perform an operation, and then move on to the next N elements.

I'm not interested in generating new arrays - My query revolves around iterating over the original array exclusively.

javascript arrays

Answer 1

Answer №1

To iterate through an array, you can simply use a basic for loop as shown below:

var chunkSize = 3;
for (var index = 0; index < myArray.length; index += chunkSize) {
    // Perform operations on myArray[index], myArray[index+1],...myArray[index+chunkSize-1]
}

Answer 2

To iterate through an array, you can simply use a basic for loop as shown below:

var chunkSize = 3;
for (var index = 0; index < myArray.length; index += chunkSize) {
    // Perform operations on myArray[index], myArray[index+1],...myArray[index+chunkSize-1]
}

Answer 3

Answer №2

To easily iterate through an array, simply add n to your index in a for loop:

for (var i = 0; i < arr.length; i += 2)
    console.log(arr[i], arr[i + 1]);

If you prefer automation, you can create a function that walks through the array by steps of n:

function stepThroughArray(arr, n, callback) {
    for (var i = 0; i < arr.length; i += n)
        callback(arr.slice(i, i + n));
}

stepThroughArray([1,2,3,4,5,6], 2, function (segment) {
    console.log(segment);
});

Answer 4

To easily iterate through an array, simply add n to your index in a for loop:

for (var i = 0; i < arr.length; i += 2)
    console.log(arr[i], arr[i + 1]);

If you prefer automation, you can create a function that walks through the array by steps of n:

function stepThroughArray(arr, n, callback) {
    for (var i = 0; i < arr.length; i += n)
        callback(arr.slice(i, i + n));
}

stepThroughArray([1,2,3,4,5,6], 2, function (segment) {
    console.log(segment);
});

Answer 5

Answer №3

I have a feeling that there might be a simpler solution to this problem.

In my opinion, using more efficient would convey a better sentiment than simpler. When it comes to efficiency, the most optimal approach is to page through data only when necessary.

The code snippet below demonstrates this concept using the iter-ops library and the page operator:

import {pipe, page} from 'iter-ops';

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const i = pipe(arr, page(2)); //=> Iterable<number[]>

// Iterating through 'i' triggers paging,
// one page at a time:

for (const a of i) {
    console.log(a); //=> [1, 2], [2, 4], [5, 6]
}

By the way, I am the author of iter-ops.

Answer 6

I have a feeling that there might be a simpler solution to this problem.

In my opinion, using more efficient would convey a better sentiment than simpler. When it comes to efficiency, the most optimal approach is to page through data only when necessary.

The code snippet below demonstrates this concept using the iter-ops library and the page operator:

import {pipe, page} from 'iter-ops';

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const i = pipe(arr, page(2)); //=> Iterable<number[]>

// Iterating through 'i' triggers paging,
// one page at a time:

for (const a of i) {
    console.log(a); //=> [1, 2], [2, 4], [5, 6]
}

By the way, I am the author of iter-ops.

Iterate through a specified number of elements in batches during each loop execution

Answer №1

Answer №2

Answer №3

Similar questions

Adjusting the value of 'let' based on the outcome

What is the process for replacing " with ' in my text?

Setting the default value for drop-down menus in jqGrid form editing

Designing a navigational sidebar featuring clickable links to specific locations on Google Maps

Exploring Three.js raycasting in a non-full screen scenario

AngularJS directive element not displaying CSS styles properly

What is the most secure method for conditionally wrapping input with state?

Displaying specific elements within a two-dimensional array

Concealing Vimeo's controls and substituting them with a play/pause toggle button

Error in Internet Explorer when attempting to close a Fancybox iframe that plays a YouTube video

What could be causing this code to keep looping?

JQuery functionality is disrupted by the update panel on the master page

Exploring the possibilities of web workers through object-oriented JavaScript, integrating ThreeJS and ScrollMagic

What are some ways to design unique custom data grid toolbar elements?

Ways to showcase an array within another array using VueJS

Is there a way to dynamically modify a website's default viewport settings in a mobile browser?

Using Three.js to apply a sprite as a texture to a spherical object

The functionality of php.js is compromised

Incorporate information into a JSON structure within SAPUI5

Unspecified data transfer between child and parent components