In JavaScript, what is the best way to convert an array of arrays organized as rows into an array of arrays organized as columns

Question

In JavaScript, what is the best way to convert an array of arrays organized as rows into an array of arrays organized as columns

This particular inquiry was quite challenging for me to succinctly summarize in the title, so I do apologize if it may come across as misleading.

Within my possession is an array of arrays structured in the following manner:

array = [ [1,2,3,4,5,6,7,8,9],
          [2,3,4,5,6,7,8,9,1],
          [3,4,5,6,7,8,9,1,2],
          [1,2,3,4,5,6,7,8,9],
          [2,3,4,5,6,7,8,9,1],
          [3,4,5,6,7,8,9,1,2],
          [1,2,3,4,5,6,7,8,9],
          [2,3,4,5,6,7,8,9,1],
          [3,4,5,6,7,8,9,1,2]]

It can be observed that this structure resembles a table with the subarrays essentially representing the rows of said table.

The task at hand involves creating a function capable of taking the primary array and rotating it 90 degrees clockwise. This rotation would result in new subarrays comprising of the first index of each array, followed by the second index of each array, then the third index of each array, and so on. Ultimately, the aim is for the new main array to encompass arrays corresponding to each column within this dataset.

Your assistance would be greatly appreciated!

javascript arrays function

Answer 1

Answer №1

In order to transform the given multidimensional array, I created a temporary array called newArray. This array will store the resulting multidimensional array, assuming that the main array size and the content-arrays' size are the same as shown in the question example.

var newArray = [];
for(var i = 0; i < array.length; i++) {
    for(var j= 0; j < array.length; j++) {
        newArray[j] = newArray[j] || [];
        newArray[j][i] = array[i][j];
    }
}
console.log(newArray);

Answer 2

In order to transform the given multidimensional array, I created a temporary array called newArray. This array will store the resulting multidimensional array, assuming that the main array size and the content-arrays' size are the same as shown in the question example.

var newArray = [];
for(var i = 0; i < array.length; i++) {
    for(var j= 0; j < array.length; j++) {
        newArray[j] = newArray[j] || [];
        newArray[j][i] = array[i][j];
    }
}
console.log(newArray);

In JavaScript, what is the best way to convert an array of arrays organized as rows into an array of arrays organized as columns

Answer №1

Similar questions

Troubleshooting issue with findByIdAndUpdate incorrectly updating nested objects with $set method

Is the original image source revealed when clicked?

A guide on importing SVG files into Next.js

Three.js tutorial: Rendering multiple instances of a single object

Issue encountered: "An error has occurred stating that your cache folder contains files owned by root. This is likely a result of a bug present in older versions of npm. This issue arose during the execution of the

Creating line breaks for ToolTip titles in Material-UI can be achieved by using the appropriate syntax and

Can the grunt command be executed automatically after saving code in TypeScript?

Using JQuery to delete an item by clicking on the delete button and then clicking on the item to remove it

Changing background color using jQuery ID selector

Is there still the possibility to utilize OrbitControls?

Loading game resources in advance for future or immediate utilization

Nested lists with consistent height regardless of the quantity of items

An array of Promise<Employee> cannot be used as a parameter for an array of type Employee[]

What is the process for importing Progressbar.js into a Laravel project?

Unable to transmit information to PHP file using AJAX

What is the best way to integrate Angular 5 with various sources of JavaScript code?

Is there a way to show the contents of local storage on a webpage without having to refresh the page after clicking a button

When hovering, the :after element will transition to the current div

What could be causing the issue with my css `content:` not functioning across different browsers, and how can I enhance cross-browser compatibility in all cases

How to retrieve elements from a struct array that has been passed in C programming