Attempting to form a complex array structure within a function

Question

Attempting to form a complex array structure within a function

I am currently working on a task that involves converting three separate inputs into a multidimensional array.

Although I am aware that users can input up to 8 values, my existing code is generating empty arrays. I need to find a way to dynamically modify my code in order to avoid this issue. Below is the function that I have created:


a = 'Hi' 
b = 878
c = 654

function convertToTable(a, b, c) {
            for (var i = 0; i < 8; i++) {
                result[i] = new Array(8);
            }

            result[0][0] = a[0];
            result[0][1] = b[0];
            result[0][2] = c[0];

            result[1][0] = a[1];
            result[1][1] = b[1];
            result[1][2] = c[1];

            result[2][0] = a[2];
            result[2][1] = b[2];
            result[2][2] = c[2];

            result[3][0] = a[3];
            result[3][1] = b[3];
            result[3][2] = c[3];

            result[4][0] = a[4];
            result[4][1] = b[4];
            result[4][2] = c[4];

            result[5][0] = a[5];
            result[5][1] = b[5];
            result[5][2] = c[5];

            result[6][0] = a[6];
            result[6][1] = b[6];
            result[6][2] = c[6];

            result[7][0] = a[7];
            result[7][1] = b[7];
            result[7][2] = c[7];

            for (var i = 0; i < 8; i++) {
                for (var j = 0; j < 3; j++) {
                    document.write(result[i][j] + '&emsp;');
                }
                document.write('</br>');
            }

        }

The expected output of the array should look like the following if a = 'Hi', b = 878, and c = 654:

However, please note that 'a', 'b', and 'c' are arrays storing their own data. Each element in 'a' will be a string, while each element in 'b' and 'c' will be integers.

Hi 878 654

ETC....

javascript arrays function multidimensional-array dynamic

Answer 1

Answer №1

Here is the solution that will provide you with the desired outcome:

const a = ['Hi', 'Hi', 'g', 'j', 'm', 'p', 's', 'v'];
const b = ['900', '900', 'h', 'k', 'n', 'q', 't', 'w'];
const c = ['654', '654', 'i', 'l', 'o', 'r', 'u', 'x'];

function createTable(a, b, c) {
  let length = a.length;
  if (length !== b.length || length !== c.length) {
    console.warn('arrays must be of equal length');
  }

  [...Array(length)].map((_, index) => {
    document.write(`${[a[index], b[index], c[index]].join('&emsp;')}<br/>`);
  });
}

createTable(a, b, c);

I hope this explanation clears things up for you,

Answer 2

Here is the solution that will provide you with the desired outcome:

const a = ['Hi', 'Hi', 'g', 'j', 'm', 'p', 's', 'v'];
const b = ['900', '900', 'h', 'k', 'n', 'q', 't', 'w'];
const c = ['654', '654', 'i', 'l', 'o', 'r', 'u', 'x'];

function createTable(a, b, c) {
  let length = a.length;
  if (length !== b.length || length !== c.length) {
    console.warn('arrays must be of equal length');
  }

  [...Array(length)].map((_, index) => {
    document.write(`${[a[index], b[index], c[index]].join('&emsp;')}<br/>`);
  });
}

createTable(a, b, c);

I hope this explanation clears things up for you,

Answer 3

Answer №2

I had a breakthrough thanks to my employer's collaborative brainstorming, which guided me towards the solution I needed. Here is what we came up with:


function createPopulationTable(states, populations, growthRates) {
    document.write('<table cellspacing="5" cellpadding="1" border="1"><tr><th>State/Territory</th><th>Population</th><th>Growth Rate</th></tr>')            
    for (var i = 0; i < states.length; i++) {
        document.write('<tr><td>' + states[i] + '</td><td>' + populations[i] + '</td><td>' + growthRates[i] + '</td></tr>');                
    }
    document.write('</table><br><hr>');
}

Answer 4

I had a breakthrough thanks to my employer's collaborative brainstorming, which guided me towards the solution I needed. Here is what we came up with:


function createPopulationTable(states, populations, growthRates) {
    document.write('<table cellspacing="5" cellpadding="1" border="1"><tr><th>State/Territory</th><th>Population</th><th>Growth Rate</th></tr>')            
    for (var i = 0; i < states.length; i++) {
        document.write('<tr><td>' + states[i] + '</td><td>' + populations[i] + '</td><td>' + growthRates[i] + '</td></tr>');                
    }
    document.write('</table><br><hr>');
}

Answer 5

Answer №3

var arr_a = [], 
    arr_b = [], 
    arr_c = [];

for (var i = 0; i <= 7; i++) {
  arr_a[i] = 'Hi';
  arr_b[i] = 878;
  arr_c[i] = 654; 
}


exitToTable(arr_a, arr_b, arr_c);

function exitToTable(a, b, c) {
            let tester = [];

            // Creating multi-dimensional array
            for (let x = 0; x < a.length; x++) {
                tester[x] = [];
                tester[x][0] = a[x];
                tester[x][1] = b[x];
                tester[x][2] = c[x];
            }

            // Printing the multi-dimensional array
            for (let i = 0; i < tester.length; i++) {
                for (let j = 0; j < 3; j++) {
                    console.log(tester[i][j]);
                }
            }

            console.log(tester);
        }

This is an illustration on creating a Multi-dimensional Array in JavaScript

        var array = [];
        var array2 = ['text-1', 'text-2'];
        var array3 = ['item-1', 'item-2'];

        array.push(array2);
        array.push(array3);

        console.log(array);
        
        console.log(array[0][1]);

Find out length of array: array.length.

            var array = [];
            var array2 = ['text-1', 'text-2'];
            
            array[0] = array2;
            console.log(array);

Answer 6

var arr_a = [], 
    arr_b = [], 
    arr_c = [];

for (var i = 0; i <= 7; i++) {
  arr_a[i] = 'Hi';
  arr_b[i] = 878;
  arr_c[i] = 654; 
}


exitToTable(arr_a, arr_b, arr_c);

function exitToTable(a, b, c) {
            let tester = [];

            // Creating multi-dimensional array
            for (let x = 0; x < a.length; x++) {
                tester[x] = [];
                tester[x][0] = a[x];
                tester[x][1] = b[x];
                tester[x][2] = c[x];
            }

            // Printing the multi-dimensional array
            for (let i = 0; i < tester.length; i++) {
                for (let j = 0; j < 3; j++) {
                    console.log(tester[i][j]);
                }
            }

            console.log(tester);
        }

This is an illustration on creating a Multi-dimensional Array in JavaScript

        var array = [];
        var array2 = ['text-1', 'text-2'];
        var array3 = ['item-1', 'item-2'];

        array.push(array2);
        array.push(array3);

        console.log(array);
        
        console.log(array[0][1]);

Find out length of array: array.length.

            var array = [];
            var array2 = ['text-1', 'text-2'];
            
            array[0] = array2;
            console.log(array);

Attempting to form a complex array structure within a function

Answer №1

Answer №2

Answer №3

This is an illustration on creating a Multi-dimensional Array in JavaScript

Similar questions

Styled-components does not generate a style tag as output

Contrasting the effects of using state separately versus together within ReactJS

Why isn't the connect.use() function working in Node.js?

the attempt to send an array of data to the $.ajax function was unsuccessful

What could be causing the code to output more than 6 elements?

Tips for implementing an element onClick change within a Redux container using React.js

Place a check mark in the corner of the button

Ensure that the child iframe is referencing its own content, and not that of the parent iframe

There was an error thrown: Unable to assign the 'type' property to a null value

Can a node package be imported from a different package?

Regain the cursor focus on a text input field once it has been disabled and re-enabled using AngularJS

How can one efficiently navigate through extensive functions without risking surpassing the stack limit?

Adding a space after a comma automatically upon saving changes in VSCode

Why isn't the close button in jQuery working on an Asp.net page?

The array_mutisort functionality seems to be malfunctioning

Exploring Object to Retrieve Links in React

During the installation process of Next JS, I faced a challenge that hindered

How can I use VueJS and Vue Router to generate a details page for a list item?

Using Node JS to pass variables to the client

Combining strings within a string after a specific word with nested Concatenation