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