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

Mastering the art of bi-directional data binding with nested arrays in Angular

When referencing a particular React commit in package.json, it may result in the installation of react-tools instead of react itself

Guide on incorporating a YouTube iframe in React with Typescript

Having trouble getting AngularJS ngCloak to function properly?

Seeking assistance in configuring a dynamic payment amount feature on Stripe using Node.js

Understanding the complexity of defining the type of a function can be challenging. If you're tasked with a complicated function, determining its type

How can one smoothly rewind X frames in a video or animation on a webpage without experiencing lag?

Parent controller was not in command before Child执行

Issue with timestamp in the Instagram API call to retrieve media using AJAX (GET /media/search)

Which is better in Angular2: defining default property values in the constructor or inline?

How can I designate the file name when using Ajax to export in Excel formatting?

Efficiently loading data in a table with a universal filter feature using Angular with PrimeNG

What is the best way to implement the 'setInterval' function in this code to effortlessly fetch forms or data on my webpage without any need for manual refresh?

I designed my higher-order component to allow for dual invocations. How can I integrate Redux within this framework?

To achieve the desired format, where should I press or manipulate the information?

Combine the object with TypeScript

Issue with clearTimeout function not functioning properly on keyup event in iFrame

Javascript - The art of accessing an anonymous array

Rendering the Next.js Link tag on the page is displaying as [object Object]

Understanding the process of parsing JSON response using JavaScript