so i have this kind of array
columnData:[
{
title: 'Male Members',
key: 'm_members'
}
{
title: 'Female Members',
key: 'f_members'
}
]
and i want to turn it into something like this
newColumn: {
m_members: 'Male Members',
f_members: 'Female Members
}
how to do that with javascript or with lodash?
You can loop through the items with the forEach method then fill a new object with the key and value obtained from columnData:
const columnData = [{title: 'Male Members',key: 'm_members'},{title: 'Female Members',key: 'f_members'}]
let newData = {};
columnData.forEach(e => {
newData[e.key] = e.title
})
console.log(newData)
Use Array.reduce and Object.assign
var columnData = [{title: 'Male Members',key: 'm_members'},{title:'Female Members',key: 'f_members'}];
newColumn = columnData.reduce((a,{title, key}) => Object.assign(a, {[key]:title}),{});
console.log(newColumn);You can do this with Object.assign and spread syntax ....
const data = [{title: 'Male Members',key: 'm_members'}, {title: 'Female Members',key: 'f_members'}]
const result = Object.assign({}, ...data.map(({title, key}) => ({[key]: title})));
console.log(result)
const result = {};
for(const {title, key} of columnData)
result[key] = title;
A simple for loop does it.
