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.
