Combining Multiple Arrays into a Multidimensional Array

Question

Combining Multiple Arrays into a Multidimensional Array

I'm struggling to find information on how to combine multiple arrays of the same length into a multidimensional array.

For example, I have three arrays:

array1 = [value1a1, value2a1, value3a1];
array2 = [value1a2, value2a2, value3a2];
array3 = [value1a3, value2a3, value3a3];

I want to merge them into a single multidimensional array like this:

multiArray = [
                [value1a1, value1a2, value1a3],
                [value2a1, value2a2, value2a3],
                [value3a1, value3a2, value3a3]
];

If you have any advice on the best method to achieve this, I would greatly appreciate it.

javascript arrays multidimensional-array

Answer 1

Answer №1

let multiArray = [];
multiArray.push(array1);
multiArray.push(array2);
multiArray.push(array3);

Learn more about Array.push()

Alternatively:

let multiArray = [array1, array2, array3];

Check out the JSFiddle example of the second approach

@MartijnOtto was correct in noting my previous mistakes. I have now corrected it with a new version on JSFiddle using this code:

let array1 = ["value1a1", "value2a1", "value3a1", "value4a1"];
let array2 = ["value1a2", "value2a2", "value3a2", "value4a2"];
let array3 = ["value1a3", "value2a3", "value3a3", "value4a3"];

let arrays = [array1, array2, array3];
let multiArray = [];

// initialize 2D array
for (let i=0; i<arrays[0].length; i++) {
    multiArray[i] = [];   
}
// fill values
for (let i=0; i<arrays.length; i++) {
    for (let j=0; j<arrays[i].length; j++) {
        multiArray[j].push(arrays[i][j]);
    }
}

result.innerHTML = JSON.stringify(multiArray, null, 2);

Edit: there was another minor error with indices. Fixed it in JSFiddle and code here to also work with unproportional array sizes (e.g.: arrays.length === 3 and arrays[i].length === 4.

Answer 2

let multiArray = [];
multiArray.push(array1);
multiArray.push(array2);
multiArray.push(array3);

Learn more about Array.push()

Alternatively:

let multiArray = [array1, array2, array3];

Check out the JSFiddle example of the second approach

@MartijnOtto was correct in noting my previous mistakes. I have now corrected it with a new version on JSFiddle using this code:

let array1 = ["value1a1", "value2a1", "value3a1", "value4a1"];
let array2 = ["value1a2", "value2a2", "value3a2", "value4a2"];
let array3 = ["value1a3", "value2a3", "value3a3", "value4a3"];

let arrays = [array1, array2, array3];
let multiArray = [];

// initialize 2D array
for (let i=0; i<arrays[0].length; i++) {
    multiArray[i] = [];   
}
// fill values
for (let i=0; i<arrays.length; i++) {
    for (let j=0; j<arrays[i].length; j++) {
        multiArray[j].push(arrays[i][j]);
    }
}

result.innerHTML = JSON.stringify(multiArray, null, 2);

Edit: there was another minor error with indices. Fixed it in JSFiddle and code here to also work with unproportional array sizes (e.g.: arrays.length === 3 and arrays[i].length === 4.

Answer 3

Answer №2

function combineArrays() {
    var finalArray = [];
    for (var x = 0; x < 3; ++x)
    {
        var tempArray = [];
        for (var y in arguments) tempArray.push(arguments[y][x]);
        finalArray.push(tempArray);
    }
    return finalArray;
};

This custom function can merge multiple arrays as long as each array contains exactly three elements. The merging process follows the specifications outlined in the initial request.

Answer 4

function combineArrays() {
    var finalArray = [];
    for (var x = 0; x < 3; ++x)
    {
        var tempArray = [];
        for (var y in arguments) tempArray.push(arguments[y][x]);
        finalArray.push(tempArray);
    }
    return finalArray;
};

This custom function can merge multiple arrays as long as each array contains exactly three elements. The merging process follows the specifications outlined in the initial request.

Combining Multiple Arrays into a Multidimensional Array

Answer №1

Answer №2

Similar questions

Does Jquery AJAX send back raw data or HTML ready for use?

The HTML file seems to be having trouble connecting to the JavaScript file

Python Scrapy: Extracting live data from dynamic websites

The random number generator often omits both the upper and lower limits

Tips for transmitting an onChange function from a parent component to a child component in material UI

Unique ways to serialize an HTML element efficiently: JavaScript tricks

VueJS not refreshing DOM after AJAX data modification

Struggling to populate a nested array in a dropdown using AngularJS

Using jQuery, retrieve the "select" element within a specific row of a

Storing and Retrieving Multiple Data with localStorage

Image loading failure detected in ReactJS

Attempting to execute the .replace() method but encountering difficulties

Debugging Success Message Display Issue in JavaScript

Is Local Storage compatible with phonegap?

web browser editing tool

What are the best practices for managing user forms and uploading files?

Trouble accessing environment variables within a React application, specifically when using webpack's DefinePlugin in a Dockerfile

The layout in Nextjs _app does not stay constant; it refreshes with each page change

PHP variables that are constantly changing

There was an error during module build process: ReferenceError occurred due to an unrecognized plugin "import" specified in "base" at position 0