Creating a concatenated multidimensional array can be achieved by combining multiple arrays of varying lengths into a single multidimensional array

Question

Creating a concatenated multidimensional array can be achieved by combining multiple arrays of varying lengths into a single multidimensional array

Is there a way to transform array a into array b?

Alternatively, how can I create a matrix-style multidimensional array using the values from array a below?

SPECIFICATIONS: 1. The length of array a is variable. 2. Each element in array a has a variable length as well.

const a = [
  ['red', 'blue'],
  ['small', 'medium', 'large'],
]

const b = [
  ['red', 'small'],
  ['red', 'medium'],
  ['red', 'large'],
  ['blue', 'small'],
  ['blue', 'medium'],
  ['blue', 'large'],
]

Example 2:

const a = [
  ['quadcore'],
  ['4GB', '8GB'],
  ['black', 'grey'],
]

const b = [
  ['quadcore', '4GB', 'black'],
  ['quadcore', '4GB', 'grey'],
  ['quadcore', '8GB', 'black'],
  ['quadcore', '8GB', 'grey'],
]

javascript arrays multidimensional-array

Answer 1

Answer №1

To extract elements from multiple arrays and create combinations, you must iterate through each array and push the elements one by one. Below is a code snippet demonstrating this:

function extractElements(arr)
{
  let n = arr.length;
  let result = [];
  let indices = new Array(n);
  
  for(let i = 0; i < n; i++)
        indices[i] = 0;

  while (true)
  {
      // Extract current combination
      let tmp = [];
      
      for(let i = 0; i < n; i++){
          tmp.push(arr[i][indices[i]]);   
      }
      
      result.push(tmp);

      let next = n - 1;
      
      while (next >= 0 && (indices[next] + 1 >= arr[next].length))
          next--;

      if (next < 0)
          break;

      indices[next]++;
      
      for(let i = next + 1; i < n; i++)
          indices[i] = 0;
  }

  return result;
}

const a = [
  ['quadcore'],
  ['4GB', '8GB'],
  ['black', 'grey'],
];

console.log(extractElements(a));

References: https://www.geeksforgeeks.org/combinations-from-n-arrays-picking-one-element-from-each-array/

Answer 2

To extract elements from multiple arrays and create combinations, you must iterate through each array and push the elements one by one. Below is a code snippet demonstrating this:

function extractElements(arr)
{
  let n = arr.length;
  let result = [];
  let indices = new Array(n);
  
  for(let i = 0; i < n; i++)
        indices[i] = 0;

  while (true)
  {
      // Extract current combination
      let tmp = [];
      
      for(let i = 0; i < n; i++){
          tmp.push(arr[i][indices[i]]);   
      }
      
      result.push(tmp);

      let next = n - 1;
      
      while (next >= 0 && (indices[next] + 1 >= arr[next].length))
          next--;

      if (next < 0)
          break;

      indices[next]++;
      
      for(let i = next + 1; i < n; i++)
          indices[i] = 0;
  }

  return result;
}

const a = [
  ['quadcore'],
  ['4GB', '8GB'],
  ['black', 'grey'],
];

console.log(extractElements(a));

References: https://www.geeksforgeeks.org/combinations-from-n-arrays-picking-one-element-from-each-array/

Answer 3

Answer №2

You can easily tackle this issue by implementing a basic reduce() function.

const elements = [
  ["apple", "banana"],
  ["small", "medium", "large"],
];

const result = elements.reduce((accumulator, current) => {
  const storage = [];
  for (const item of accumulator) {
    for (const element of current) {
      if (Array.isArray(item)) {
        storage.push([...item, element]);
      } else {
        storage.push([item, element]);
      }
    }
  }
  return storage;
});

console.log(result);

Answer 4

You can easily tackle this issue by implementing a basic reduce() function.

const elements = [
  ["apple", "banana"],
  ["small", "medium", "large"],
];

const result = elements.reduce((accumulator, current) => {
  const storage = [];
  for (const item of accumulator) {
    for (const element of current) {
      if (Array.isArray(item)) {
        storage.push([...item, element]);
      } else {
        storage.push([item, element]);
      }
    }
  }
  return storage;
});

console.log(result);

Creating a concatenated multidimensional array can be achieved by combining multiple arrays of varying lengths into a single multidimensional array

Answer №1

Answer №2

Similar questions

Troubleshoot your Vue.js application using Visual Studio Code. Encounter an unidentified breakpoint error

Passing data from one component to another in Vue: A database perspective

When individuals discuss constructing a stack, or a full stack, in JavaScript, what exactly are they referring to and how does this concept connect with Node JS?

Is there a way retrieve all named HTML tags and store them in an array?

What is the best way to switch from using the three.js JSONLoader to the ObjectLoader?

Eliminating duplicate uploads in JavaScript

Tips for successfully implementing Angular.js validation within the confines of a <form> element

Issue with rendering in sandbox environment versus localhost

An error occurred while processing the JSReport request

Issue with express-validator returning undefined value on forms set to enctype='multipart/form-data'

When employing UI-Router, custom directives may not function properly within nested views

Tips on avoiding a page reload following a form submission using JQuery

Moving the layout container towards the left: a quick guide

Error encountered when trying to generate a collection from JSON using Backbone framework

Retrieve Vuejs template by either module or ID

The variable that was posted is not being successfully transferred within the query

Verify that the user visits the URL in next.js

Filtering data from Arduino using web serial communication

Align elements on the left side with some space between them

Mapping an array with array objects - a guide to connecting and iterating through