Ways to break down a collection of multiple arrays

Question

Ways to break down a collection of multiple arrays

Looking to transform an array that consists of multiple arrays into a format suitable for an external API.

For example:

[ [44.5,43.2,45.1] , [42, 41.2, 48.1] ]

transforming into

[ [44.5,42], [43.2,41.2] , [45.1, 48.1] ]

My current code attempts this transformation but is not functioning as expected

var newArr= [];
var tempArr= [];

for(var key in data){
    tempArr.push(finalArr[key][key])
    newArr.push(tempArr)
 }

Is there a simpler way to achieve this without using loops? I thought about potentially using a map function, but unsure of how to apply it here.

javascript typescript

Answer 1

Answer №1

One way to rearrange arrays is by using reducing and mapping the values.

This method can be applied to arrays of any length.

const transpose = array => array.reduce((r, a) => a.map((v, i) => [...(r[i] || []), v]), []);

console.log(transpose([[44.5, 43.2, 45.1], [42, 41.2, 48.1]]));

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

One way to rearrange arrays is by using reducing and mapping the values.

This method can be applied to arrays of any length.

const transpose = array => array.reduce((r, a) => a.map((v, i) => [...(r[i] || []), v]), []);

console.log(transpose([[44.5, 43.2, 45.1], [42, 41.2, 48.1]]));

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

Answer №2

const matrix = [
  [10, 20, 30],
  [40, 50, 60]
];
const combinedArray = matrix[0].map(function (element, index) {
  return [element, matrix[1][index]];
});
console.log(combinedArray);

Ensure that the arrays being combined are of equal lengths before performing the operation.

Answer 4

const matrix = [
  [10, 20, 30],
  [40, 50, 60]
];
const combinedArray = matrix[0].map(function (element, index) {
  return [element, matrix[1][index]];
});
console.log(combinedArray);

Ensure that the arrays being combined are of equal lengths before performing the operation.

Ways to break down a collection of multiple arrays

Answer №1

Answer №2

Similar questions

Tips for Utilizing jQuery each Loop

Adding a div with a canvas element is malfunctioning

Integrating a Google map into an Ionic Side-Menu application

Guide on setting up a configuration node in Node-RED

Looking to showcase an uploaded image next to the upload button in Vue.js using Element.ui?

"Effortlessly handle adding and removing items with a single button using

Steps for filling an HTML table within a dynamically loaded DIV

Guide to creating a reminder feature in NestJS

Sequence jQuery functions so that each one only runs when the previous one has finished

Interacting between Angular controllers and directives while maintaining separation of concerns

A simple guide to running Express Js and MongoDB from the command line and gracefully closing the terminal

Running npm commands from the root directory while the package.json file is located elsewhere

Discovering the presence of line breaks

Data retrieval is currently not functioning, as React is not displaying any error messages

Difficulties encountered when initiating CRA using npm start

Troubleshooting issue: JSON object is returning undefined despite its presence in NASA API integration with ReactJS

Creating the upcoming application without @react-google-maps/api is simply not possible

"Implement a function to append a new item to all JSON objects in an array if they share a common value with a different JSON object in the array using

Is there a way in Reactjs Material UI 5 (MUI5) to unselect only the star that was clicked, without affecting the rest of the stars in the

What is the best way to destructure a blend of React props and my own custom props in my code?