Convert array inside JSON into object in javascript

Question

I have the following data which is coming from a GraphQL endpoint :

{
  "data": {
    "metatags": [
      {
        "title": "Metatag title",
        "description": "Metatag description"
      }
    ],
    "herounits": [
      {
        "title": "Hero unit title",
        "description": "Hero unit description"
      }
    ]
  }
}

I need to replace the arrays inside of it into JSON objects as the following:

{
  "data": {
    "metatags": {
      {
        "title": "Metatag title",
        "description": "Metatag description"
      }
    },
    "herounits": {
      {
        "title": "Hero unit title",
        "description": "Hero unit description"
      }
    }
  }
}

Been trying different approaches but none been working yet.

Answer 1

Your desire object is not valid, you have an extra level of object nesting without property names.

Assuming what you actually want is:

{
  "data": {
    "metatags": {
        "title": "Metatag title",
        "description": "Metatag description"
    },
    "herounits": {
        "title": "Hero unit title",
        "description": "Hero unit description"
    }
  }
}

you can do it by replacing each property with the value in element 0 of the array.

 let obj = { "data": { "metatags": [ { "title": "Metatag title", "description": "Metatag description" } ], "herounits": [ { "title": "Hero unit title", "description": "Hero unit description" } ] } }; Object.keys(obj.data).forEach(k => obj.data[k] = obj.data[k][0]); console.log(obj);