Change keynames in an array of objects - JS

Question

I have an array of objects and I want to change the keys in 'data' array to match the label in headers array.

const headers = [{
    label: 'First Name',
    field: 'firstName'
}, {
    label: 'Last Name',
    field: 'lastName'
}]

const data = [{
    firstName: 'John',
    lastName: 'Doe'
}, {
    firstName: 'ABC',
    lastName: 'DEF'
}]

const headers = [{
  label: 'First Name',
  field: 'firstName'
}, {
  label: 'Last Name',
  field: 'lastName'
}]

const data = [{
  firstName: 'John',
  lastName: 'Doe'
}, {
  firstName: 'ABC',
  lastName: 'DEF'
}]
const mapHeaders = headers.reduce((a, c) => {
  return {
    ...a,
    [c.field]: c.label
  }
}, {})



const result = data.map(item => {
  return {
    ...item,
    [mapHeaders[item]]: item
  }
})

console.log(result)

Please advice.

Expected Result:

[{
    'First Name': 'John',
    'Last Name': 'Doe'
}, {
    'First Name': 'ABC',
    'Last Name': 'DEF'
}]

Mister Jojo · Accepted Answer · 2021-04-06 23:02:17Z

4

this way

const headers = 
      [ { label: 'First Name', field: 'firstName' } 
      , { label: 'Last Name',  field: 'lastName'  } 
      ] 
const data = 
      [ { firstName: 'John', lastName: 'Doe' } 
      , { firstName: 'ABC',  lastName: 'DEF' } 
      ]
      
const res = data.map( o => headers.reduce((a,c)=>
  {
  a[c.label] = o[c.field]
  return a
  },{}))
 
console.log( res)

.as-console-wrapper {max-height: 100%!important;top:0;}

answered Apr 6, 2021 at 23:02

Mister Jojo

22.9k6 gold badges28 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Brandon McConnell Over a year ago

The is clearly the simpler of the two answers. I've gotta get better at using reduce… it's powerful

Brandon McConnell · Accepted Answer · 2021-04-07 02:17:40Z

1

Here's a relatively simple way of achieving this using the map method:

const headers = [{
    label: 'First Name',
    field: 'firstName'
}, {
    label: 'Last Name',
    field: 'lastName'
}]

const data = [{
    firstName: 'John',
    lastName: 'Doe'
}, {
    firstName: 'ABC',
    lastName: 'DEF'
}]

const newData = data.map(e => Object.fromEntries(Object.entries(e).map(f => f.map((g,i) => i ? g : headers.find(h => h.field === g) ? headers.find(h => h.field === g).label : g))));

console.log(newData);

answered Apr 7, 2021 at 2:17

Brandon McConnell

6,1781 gold badge26 silver badges39 bronze badges

Collectives™ on Stack Overflow

Change keynames in an array of objects - JS

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related