Is there a way in javascript to iterate through every value of a specific key from an object that is part of an array of objects and then create a new item for each value using a different key? Please allow me to explain with code what I would like to accomplish here.
This is what I have:
const x = [{
name: 'name1',
value: ['value1', 'value2', 'value3']
}, {
name: 'name2',
value: ['value4', 'value5', 'value6']
}]
This should be the new result:
const y = [{
'name1': 'value1',
'name2': 'value4',
}, {
'name1': 'value2',
'name2': 'value5',
}, {
'name1': 'value3',
'name2': 'value6',
}]
Any help will be truly appreciated!
Here is what I've tried so far. (It works, but I'm pretty sure there is a simpler way).
const y = [];
const z = [];
const xLength = x.length
for (let i = 0; i < xLength; i++) {
x[i].value.forEach((item, index) => {
z[index] = z[index] || [];
z[index].push(x[i].name, item);
});
}
z.forEach((items, index) => {
const obj = {};
items.forEach((item, k) => {
if (k % 2) {
obj[items[k - 1]] = item;
} else {
obj[item] = null;
}
});
y.push(obj);
});
I believe this should work:
//start with array to store the answer
let y = []
//Next iterate threw each object in your 'x' array passing in to the callback xObj which is each object in your x array
x.forEach((xObj)=> {
//store the name value just to make it easier to read
let name = xObj.name
//iterate through the values in each xObj, getting the 'value' and the index
xObj.value.forEach((value, index)=>{
//check if the y array has anything at the same index, if not create a blank object
if(!y[index]) y[index]= {}
//put in that object a key:value with the 'name' and 'value'
y[index][name] = value
})
})