如何操作属性为不同名称的数组对象，并使用JavaScript或ecmascript-6在单个对象中返回结果

Question

我有一个请求数据数组，对象如下：

const requestData = [
  {
    name: 'Test1',
    address: 'FL',
  },
  {
    name: 'Test2',
    address: 'AL',
  },
  {
    name: 'Test3',
    address: 'AK',
  },
]; 

我希望根据索引操作对象属性(这意味着如果索引0将name属性更改为USER_NAME，如果索引1表示更改为EMP_NAME)，并将其转换为最终对象，如下所示：

const finalResult = {
  USER_NAME: 'Test1',
  USER_ADDRESS: 'FL',
  EMP_NAME: 'Test2',
  EMP_ADDRESS: 'AL',
  CUST_NAME: 'Test3',
  CUST_ADDRESS: 'AK',
};

Answer 1

使用减少()和额外的地图数组可以做到这一点。

​

let data = [{
    name: 'Test1',
    address: 'FL',
  },
  {
    name: 'Test2',
    address: 'AL',
  },
  {
    name: 'Test3',
    address: 'AK',
  },
]

let mdata =['USER_','EMP_','CUST_']

let result = data.reduce((a,v,i) =>{
  let key = mdata[i]
  a[key+'NAME'] = v.name
  a[key+'ADDRESS'] = v.address
  return a
},{})

console.log(result)

​

Answer 2

您可以构造并构造您的最终结果：

const [ user, emp, cust ] = requestData;

const finalResult = {
    USER_NAME: user.name,
    USER_ADDRESS: user.address,
    EMP_NAME: emp.name,
    EMP_ADDRESS: emp.address,
    CUST_NAME: cust.name,
    CUST_ADDRESS: cust.address
};

或者，您可以减少，但是代码最终会比这个特定示例所需的复杂一些：

const keys = [ "USER", "EMP", "CUST" ];

const finalResult = requestData.reduce(( out, { name, address }, index ) => {
    out[ `${ keys[ index ] }_NAME` ] = name;
    out[ `${ keys[ index ] }_ADDRESS` ] = address;
    return out;
}, {});