Преобразовать массив объектов с вложенными объектами в простой массив объектов?

Question

Я дал массив вложенных объектов, и я хочу преобразовать его в простой массив объектов, и я не знаю, как решить эту проблему, может кто-нибудь предложить мне способ решения этой проблемы. Я пытался, но Я не смог решить сам или не нашел ничего подобного

const data = [
  {
    attachment: {
      Name: {type: string, value: 'Amar'},
      'Second Contact': {type: 'phoneNumber', value: '+91123587900'},
      'First Contact': {type: 'phoneNumber', value: '+911234567890'},
      'Registered Office Address': {
        value: 'New Delhi',
        type: 'string',
      },
      'Company Logo': {type: 'string', value: ''},
      'Youtube ID': {type: 'string', value: ''},
    },
    creator: {
      displayName: 'xyz',
      phoneNumber: '+915453553554',
      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: '+91153587900'},
      'First Contact': {type: 'phoneNumber', value: '+911264567890'},
      'Registered Office Address': {
        value: 'New Delhi mv',
        type: 'string',
      },
      'Company Logo': {type: 'string', value: ''},
      'Youtube ID': {type: 'string', value: ''},
    },
    creator: {
      displayName: 'xyz',
      phoneNumber: '+915453543554',
      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':+91123587900,
        'First Contact':+911234567890,
        'Registered Office Address':'New Delhi',
        displayName:'xyz',
        phoneNumber:'+915453553554'   
    },
    {
        Name:'hari',
        'Second Contact':+91153587900,
        'First Contact':+911264567890,
        'Registered Office Address':'New Delhi mv',
        displayName:'xyz',
        phoneNumber:'+915453543554'     
    }
]

Answer 1

Preety уверен, что если вы знаете что-нибудь о javascript, это должно быть легко решить. Единственной сложной задачей могут быть поля с пробелами типа «Второй контакт».

Способ решения этого конкретного случая заключается в следующем:

const output = data.map(item => {
    return {
        name: item.attachment.Name.value,
        'Second Contact': item.attachment['Second Contact'].value,
        'First Contact': item.attachment['First Contact'].value,
        'Registered Office Address':item.attachment['Registered Office Address'].value,
        displayName: item.creator.displayName,
        phoneNumber: item.creator.phoneNumber 
    };
})

console.log(output);

скрипка https://jsfiddle.net/chgnu1d5/

Answer 2

Предполагая, что вам нужно получить несколько свойств. Вы можете просто использовать map. Если вам нужно решение, которое работает со всеми свойствами, я, вероятно, проведу итерацию, используя object.keys.

Я добавил оба решения здесь

const data = [
  {
    "attachment": {
      "Name": {"type": "string", "value": "Amar"},
      "Second Contact": {"type": "phoneNumber", "value": "+91123587900"},
      "First Contact": {"type": "phoneNumber", "value": "+911234567890"},
      "Registered Office Address": {
        "value": "New Delhi",
        "type": "string"
      },
      "Company Logo": {"type": "string", "value": ""},
      "Youtube ID": {"type": "string", "value": ""}
    },
    "creator": {
      "displayName": "xyz",
      "phoneNumber": "+915453553554",
      "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": "+91153587900"},
      "First Contact": {"type": "phoneNumber", "value": "+911264567890"},
      "Registered Office Address": {
        "value": "New Delhi mv",
        "type": "string"
      },
      "Company Logo": {"type": "string", "value": ""},
      "Youtube ID": {"type": "string", "value": ""}
    },
    "creator": {
      "displayName": "xyz",
      "phoneNumber": "+915453543554",
      "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));