JavaScript - make object from multiple arrays

Question

I have 3 arrays:

colors = ['green', 'red', 'black'];
positionToId = [0, 32, 15];
results = ["0", "1", "2"];

And want to achieve something like this:

{results: '0', 'positionToId: '31', colors: 'black'},
{results: '1', 'positionToId: '2', colors: 'red'},
{results: '2', 'positionToId: '11', colors: 'black'}

How can I do that? Thanks.

• dmcgrandle: Please do not include code as an image. Include code as code. Also, what have you done so far? StackOverflow expects you to try to solve your own problem first, as your attempts help us to better understand what you want. Please edit the question to illustrate the specific problem you're having in a Minimal, Complete, and Verifiable example. For more information, please see How to Ask and take the tour.
• lucascaro: moved image to code in the question
• pilchard: Does this answer your question? How to create an array of objects from multiple arrays

Answer 1

You want to merge these arrays into an array of objects with key => value.

Easiest way is to map one of them.

The map() method creates a new array with the results of calling a provided function on every element in the calling array.

Example:

colors = ['green', 'red', 'black'];
positionToId = [0, 32, 15];
results = ["0", "1", "2"];
console.log(results.map((result,i) => {
 return {
 results: results[i], 
 positionToId: positionToId[i],
 colors: colors[i],
 };
}));

Answer 2

Since you have an array results that you seem to want to use as your base and you want to replace these numbers, with objects keyed by the values already there I would just reduce them.

colors = ['green', 'red', 'black'];
positionToId = [0, 32, 15];
results = ["0", "1", "2"];
const newObject = results.reduce((acc, index) => ({
 ...acc,
 [index]: {
 positionToId: positionToId[index],
 colors: colors[index],
 }
}), {})

This also has the benefit of allowing you to access your items by id without having to loop over an array checking each of the id's

Answer 3

const colors = ['green', 'red', 'black'];
const positionToId = [0, 32, 15];
const results = ["0", "1", "2"];
const addProperties = (properties, name, results) => properties.reduce((results, property, index) => {
 results[index][name] = property;
 return results;
}, results);
let output = Array.from(Array(3), () => ({}));
addProperties(colors, 'colors', output);
addProperties(positionToId, 'positionToId', output);
addProperties(results, 'results', output);
console.log(output)