javascript - 更改对象数组中的键名 - JS

Question

我有一个对象数组，我想更改“数据”数组中的键以匹配 header 数组中的标签。

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)

请指教。

Expected Result:

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

Answer 1

这样

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;}