javascript - 将具有嵌套对象的对象数组转换为简单的对象数组？

Question

我给了一个嵌套对象数组，我想将它转换成一个简单的对象数组，我不知道如何解决这个问题，谁能建议我解决这个问题的方法。我试过了，但我没有无法自己解决，或者我没有找到类似的东西

const data = [
  {
    attachment: {
      Name: {type: string, value: 'Amar'},
      'Second Contact': {type: 'phoneNumber', value: '[phone]'},
      'First Contact': {type: 'phoneNumber', value: '[phone]'},
      'Registered Office Address': {
        value: 'New Delhi',
        type: 'string',
      },
      'Company Logo': {type: 'string', value: ''},
      'Youtube ID': {type: 'string', value: ''},
    },
    creator: {
      displayName: 'xyz',
      phoneNumber: '[phone]',
      photoURL:
        'https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwixw9uJrYjnAhWOe30KHa42AFwQjRx6BAgBEAQ&url=https%3A%2F%2Funsplash.com%2Fs%2Fphotos%2Fpic&psig=AOvVaw24C_LUOadGZAi3r2JtZe9b&ust=1579272070036146',
    },
  },
  {
    attachment: {
      Name: {type: string, value: 'hari'},
      'Second Contact': {type: 'phoneNumber', value: '[phone]'},
      'First Contact': {type: 'phoneNumber', value: '[phone]'},
      'Registered Office Address': {
        value: 'New Delhi mv',
        type: 'string',
      },
      'Company Logo': {type: 'string', value: ''},
      'Youtube ID': {type: 'string', value: ''},
    },
    creator: {
      displayName: 'xyz',
      phoneNumber: '[phone]',
      photoURL:
        'https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwixw9uJrYjnAhWOe30KHa42AFwQjRx6BAgBEAQ&url=https%3A%2F%2Funsplash.com%2Fs%2Fphotos%2Fpic&psig=AOvVaw24C_LUOadGZAi3r2JtZe9b&ust=1579272070036146',
    },
  },
];

预期的输出是这样的

[
    {
        Name:'Amar',
        'Second Contact':[phone],
        'First Contact':[phone],
        'Registered Office Address':'New Delhi',
        displayName:'xyz',
        phoneNumber:'[phone]'   
    },
    {
        Name:'hari',
        'Second Contact':[phone],
        'First Contact':[phone],
        'Registered Office Address':'New Delhi mv',
        displayName:'xyz',
        phoneNumber:'[phone]'     
    }
]

标签： javascriptarraysjavascript-objectsnested-object

Answer 1

假设您需要获得一些属性。你可以简单地使用map. 如果您需要一个适用于所有属性的解决方案，我可能会遍历 using object.keys.

我在这里添加了两种解决方案

const data = [
  {
    "attachment": {
      "Name": {"type": "string", "value": "Amar"},
      "Second Contact": {"type": "phoneNumber", "value": "[phone]"},
      "First Contact": {"type": "phoneNumber", "value": "[phone]"},
      "Registered Office Address": {
        "value": "New Delhi",
        "type": "string"
      },
      "Company Logo": {"type": "string", "value": ""},
      "Youtube ID": {"type": "string", "value": ""}
    },
    "creator": {
      "displayName": "xyz",
      "phoneNumber": "[phone]",
      "photoURL":
        "https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwixw9uJrYjnAhWOe30KHa42AFwQjRx6BAgBEAQ&url=https%3A%2F%2Funsplash.com%2Fs%2Fphotos%2Fpic&psig=AOvVaw24C_LUOadGZAi3r2JtZe9b&ust=1579272070036146"
    }
  },
  {
    "attachment": {
      "Name": {"type": "string", "value": "hari"},
      "Second Contact": {"type": "phoneNumber", "value": "[phone]"},
      "First Contact": {"type": "phoneNumber", "value": "[phone]"},
      "Registered Office Address": {
        "value": "New Delhi mv",
        "type": "string"
      },
      "Company Logo": {"type": "string", "value": ""},
      "Youtube ID": {"type": "string", "value": ""}
    },
    "creator": {
      "displayName": "xyz",
      "phoneNumber": "[phone]",
      "photoURL":
        "https://www.google.com/url?sa=i&source=images&cd=&ved=2ahUKEwixw9uJrYjnAhWOe30KHa42AFwQjRx6BAgBEAQ&url=https%3A%2F%2Funsplash.com%2Fs%2Fphotos%2Fpic&psig=AOvVaw24C_LUOadGZAi3r2JtZe9b&ust=1579272070036146"
    }
  }
];

const result = data.map(item => {
  return {
    "Name": item.attachment.Name.value,
    "Second Contact": item.attachment["Second Contact"].value
  };
});

console.log(JSON.stringify(result));


// Another generic way
const result2 = data.map(item => {
  const singleObj = {};
  Object.keys(item.attachment).forEach(key => {
singleObj[key] = item.attachment[key].value;
  });
  return singleObj;
});

console.log(JSON.stringify(result2));