Iterate through each element in all arrays, but limit the loop to only iterate through the elements in the first array up to its

Question

Iterate through each element in all arrays, but limit the loop to only iterate through the elements in the first array up to its

Within my collection of arrays, each containing elements, the structure is as follows:

var result = [
// starting with the outer array
    [
    // initial internal array
        {name: 'A', value: 111},
        {name: 'B', value: 222},
        {name: 'C', value: 333},
        ...
    ],
    [
    // following internal arrays #2
        {name: 'D', value: 55},
        {name: 'E', value: 99},
        ...
    ],
    // more internal arrays #3
        {name: 'F', value: 1000},
        ...
    ],
    ...
    ...
]

My objective is to iterate through each element (A-F), but limit the looping to only the elements within the first array (A-C).

The desired output is:

AA, AB, AC, AD, AE, AF

BB, BC, BD, BE, BF

CC, CD, CE, CF

UPDATE: Since I do not have the exact lengths of any of the arrays, fixed values cannot be used.

Additionally, the example above is not restricted to just 2 arrays.

javascript arrays loops

Answer 1

Answer №1

// Merging multiple arrays into one
var mergedArray = result.reduce(function(mergedArray, currentArray) {
    return mergedArray.concat(currentArray);
}, []);

// Iterating through the first array
for (var i = 0; i < mergedArray[0].length; i += 1) {
    // Starting from current index and iterating till the end
    for(var j = i; j < mergedArray.length; j += 1) {
        console.log(mergedArray[i].name + mergedArray[j].name);
    }
}

Desired Output

AA
AB
AC
AD
AE
AF
BB
BC
BD
BE
BF
CC
CD
CE
CF
...
...

Answer 2

// Merging multiple arrays into one
var mergedArray = result.reduce(function(mergedArray, currentArray) {
    return mergedArray.concat(currentArray);
}, []);

// Iterating through the first array
for (var i = 0; i < mergedArray[0].length; i += 1) {
    // Starting from current index and iterating till the end
    for(var j = i; j < mergedArray.length; j += 1) {
        console.log(mergedArray[i].name + mergedArray[j].name);
    }
}

Desired Output

AA
AB
AC
AD
AE
AF
BB
BC
BD
BE
BF
CC
CD
CE
CF
...
...

Answer 3

Answer №2

I admire the inventive approach proposed by @thefourtheye, however, it overlooks a crucial aspect of your query. To address this, consider implementing the following adjustment:

// Combine multiple arrays into one
var startingArray = result[0],
    allElements = result.reduce(function(result, current) {
        return result.concat(current);
    }, []), x, y;

// Loop through the array
for (x = 0; x < startingArray.length; x += 1) {
    // Begin at the current x position and loop till the end
    for(y = x; y < allElements.length; y += 1) {
        console.log(startingArray[x].name + allElements[y].name);
    }
}

Answer 4

I admire the inventive approach proposed by @thefourtheye, however, it overlooks a crucial aspect of your query. To address this, consider implementing the following adjustment:

// Combine multiple arrays into one
var startingArray = result[0],
    allElements = result.reduce(function(result, current) {
        return result.concat(current);
    }, []), x, y;

// Loop through the array
for (x = 0; x < startingArray.length; x += 1) {
    // Begin at the current x position and loop till the end
    for(y = x; y < allElements.length; y += 1) {
        console.log(startingArray[x].name + allElements[y].name);
    }
}

Iterate through each element in all arrays, but limit the loop to only iterate through the elements in the first array up to its

Answer №1

Answer №2

Similar questions

Send a redirect after a certain delay to a URL stored in a variable outside of the current scope

Vue.js error: Unable to locate requested resources

Add some flair to your list by animating the text within it

Parameters for MongoDB search queries

Tips for preventing the occurrence of numerous instances of braintree.setup in Angular

What steps do I need to take to ensure that this Regex pattern only recognizes percentages?

Learn how to create a web application by utilizing HTML5 and REST, and then seamlessly transfer the front-end code to a mobile app using Cordova

Encountered an error in index.js while using JavaScript: ".babelrc error - please refrain from copying comments as the object could not be cloned."

Progressive rendering of a substantial mesh using three.js

Is it possible to generate HTML form fields with fixed positions when using Orbeon forms?

Modifying icons with JavaScript

Learn how to showcase a predetermined option in an HTML select element using Vue.js and Minimalect

Tips for managing asynchronous code that invokes other asynchronous code in AngularJs

The Spotify Whitelisted URI may show an error message: { "error": "invalid_grant", "error_description": "Redirect URI is invalid" }

JavaScript multiplying an array in HTML

Creating divs that adapt to different screen sizes without relying on flexbox

Is it possible to pass a random variable into an included template in Jade?

Subheaders that stay in place while scrolling through a table with a stationary header

JavaScript failed to execute

What is the most efficient way to calculate the sum of all the numbers lying between the endpoints