Iterating Through Multiple Dimensions

Question

Iterating Through Multiple Dimensions

I am facing a challenge with creating rules from three arrays that I have. The task is to generate every possible combination of entries from each array, but I am struggling with the logic required to write a function for this purpose. For example:

var array1 = [1, 2];
var array2 = [3, 4, 5];
var array4 = [6, 7, 8, 9, 10];

I would like to receive a result containing all possible combinations in the format of strings or objects. An example output could be:

var result = ["1-3-6", "2-3-6", "1,4,6"];

I have attempted using a For Loop to solve this problem, but I am unsure how to proceed. I also considered using maps, but did not find any relevant examples. The total number of combinations based on my calculations should be 84 (2 * 7 * 6) considering the number of entries in each array.

I hope this explanation is clear, though I understand it might be somewhat confusing. Additionally, I am looking for a solution using Angular JS or vanilla JavaScript if possible, but other methods are also welcome.

javascript angularjs arrays

Answer 1

Answer №1

If you're seeking the combination of arrays, what you need is the Cartesian product. A useful function for this purpose can be found below:

function cartesian() {
    var result = [], args = arguments, maximum = args.length-1;
    function helper(arr, index) {
        for (var j=0, len=args[index].length; j<len; j++) {
            var copy = arr.slice(0); // clone arr
            copy.push(args[index][j]);
            if (index==maximum)
                result.push(copy);
            else
                helper(copy, index+1);
        }
    }
    helper([], 0);
    return result;
}

Several examples are available, such as:

JavaScript - Generating combinations from n arrays with m elements

Utilizing recursion:

Finding All Combinations of JavaScript array values

Cartesian product of multiple arrays in JavaScript

Dealing with multiple (N) arrays:

Combine 2 arrays into 1 in all possible ways in JavaScript

Hope this information proves to be helpful!

Answer 2

If you're seeking the combination of arrays, what you need is the Cartesian product. A useful function for this purpose can be found below:

function cartesian() {
    var result = [], args = arguments, maximum = args.length-1;
    function helper(arr, index) {
        for (var j=0, len=args[index].length; j<len; j++) {
            var copy = arr.slice(0); // clone arr
            copy.push(args[index][j]);
            if (index==maximum)
                result.push(copy);
            else
                helper(copy, index+1);
        }
    }
    helper([], 0);
    return result;
}

Several examples are available, such as:

JavaScript - Generating combinations from n arrays with m elements

Utilizing recursion:

Finding All Combinations of JavaScript array values

Cartesian product of multiple arrays in JavaScript

Dealing with multiple (N) arrays:

Combine 2 arrays into 1 in all possible ways in JavaScript

Hope this information proves to be helpful!

Answer 3

Answer №2

The solution lies in utilizing nested for loops

function combineArrays(arr1, arr2, arr3) {
  var length1 = arr1.length,
    length2 = arr2.length,
    length3 = arr3.length,
    i, j, k, result = [];

  for (i = 0; i < length1; i++) {
    for (j = 0; j < length2; j++) {
      for (k = 0; k < length3; k++) {
        result.push(arr1[i] + '-' + arr2[j] + '-' + arr3[k]);
      }
    }
  }
  console.log(result)
}

combineArrays([1, 2], [3, 4, 5], [6, 7, 8, 9, 10]);

Answer 4

The solution lies in utilizing nested for loops

function combineArrays(arr1, arr2, arr3) {
  var length1 = arr1.length,
    length2 = arr2.length,
    length3 = arr3.length,
    i, j, k, result = [];

  for (i = 0; i < length1; i++) {
    for (j = 0; j < length2; j++) {
      for (k = 0; k < length3; k++) {
        result.push(arr1[i] + '-' + arr2[j] + '-' + arr3[k]);
      }
    }
  }
  console.log(result)
}

combineArrays([1, 2], [3, 4, 5], [6, 7, 8, 9, 10]);

Answer 5

Answer №3

A more refined approach:

let setOne = [1, 2]; 
let setTwo = [3, 4, 5];
let setFour = [6, 7, 8, 9, 10]; 
let finalResult = [];

for (let numOne of setOne) {
    for (let numTwo of setTwo) {
        for (let numThree of setFour) {
            finalResult.push("\""+numOne+"-"+numTwo+"-"+numThree+"\"");
        }
    }
}
alert("["+finalResult+"]");

Answer 6

A more refined approach:

let setOne = [1, 2]; 
let setTwo = [3, 4, 5];
let setFour = [6, 7, 8, 9, 10]; 
let finalResult = [];

for (let numOne of setOne) {
    for (let numTwo of setTwo) {
        for (let numThree of setFour) {
            finalResult.push("\""+numOne+"-"+numTwo+"-"+numThree+"\"");
        }
    }
}
alert("["+finalResult+"]");

Iterating Through Multiple Dimensions

Answer №1

Answer №2

Answer №3

Similar questions

Highchart in ionic 2 not displaying

How to test an AngularJS controller that utilizes a service which returns a promise

Differences between addEventListener and jQuery's on method, as well as form.submit and jQuery's

What strategies can be implemented to effectively share code between these two methods?

Using Regular expressions in JavaScript to eliminate content between two HTML comment tags

Troubleshooting vague errors with uploading large files in Golang's net/http protocol

Error: The componentwillmount function has encountered an issue. Actions must be in the form of plain objects. For asynchronous actions, consider

How to access a $scope variable in the same Angular controller function from outside the function

What is the correct way to pass parameters when using the setState() function in React hooks?

Do not proceed if the process has encountered a failure

Dynamic Selection of JSON Key-Value Pairs in React Framework

Combine the values in the array with the input

Using AngularJS to load a custom JavaScript file within an ng-view

Transforming a REST API get call into GraphQL

Checking the Value of the Second Child Element Using jQuery

I'm encountering an issue where I receive the error `Cannot read property 'map' of undefined` while attempting to integrate the backend with React. What could be causing this error and how

assigning attributes to web addresses

What is the best way to show the current date and time?

Exploring the capabilities of Jasmine 2.0 by testing an AngularJS factory method that returns a promise

Tips for creating a TypeScript-compatible redux state tree with static typing and immutability: