CODEWITHSUNDEEP
javascriptarrays
Medf101
Medf101

Reputation: 107

JavaScript - make object from multiple arrays

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.

Upvotes: 0

Views: 426

Answers (3)

Adrian Brand
Adrian Brand

Reputation: 21638

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)

Upvotes: 0

CWright
CWright

Reputation: 2098

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

Upvotes: 0

lucascaro
lucascaro

Reputation: 19267

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],
  };
}));

Upvotes: 1

Related Questions