Is there a way to eliminate a wrapper object from each element in a JSON array using JavaScript?

Question

Is there a way to eliminate a wrapper object from each element in a JSON array using JavaScript?

My knowledge of JavaScript is limited and I am facing a particular issue.

The JSON document at hand looks like this:

{
  "forecast": [
    {
      "day-1": {
        "forecast_date": "2017-11-23",
        "morning": {
          "weather": {
            "meteo_forecast_id": 19,
            "meteo_forecast_date_time": "2017-11-23 06:00:00",
            "meteo_forecast_description_id": 2,
            "min_temp": 26,
            "max_temp": 31,
            "meteo_forecast_description_name": "Light Rain",
            "meteo_forecast_description": "Light Rain",
            "meteo_forecast_description_audio_link": "audio_link.html",
            "icon_link": "Light_Rain.png"
          }
        },
        "afternoon": {
          "weather": {
            "meteo_forecast_id": 20,
            "meteo_forecast_date_time": "2017-11-23 12:00:00",
            "meteo_forecast_description_id": 1,
            "min_temp": 33,
            "max_temp": 27,
            "meteo_forecast_description_name": "Mostly Cloudy",
            "meteo_forecast_description": "Mostly Cloudy",
            "meteo_forecast_description_audio_link": "audio_link.html",
            "icon_link": "Mostly_Cloudy_Icon.png"
          }
        }
      }
    },
    {
      "day-2": {
        "forecast_date": "2017-11-24",
        "morning": {
          "weather": {
            "meteo_forecast_id": 22,
            "meteo_forecast_date_time": "2017-11-24 06:00:00",
            "meteo_forecast_description_id": 2,
            "min_temp": 30,
            "max_temp": 34,
            "meteo_forecast_description_name": "Light Rain",
            "meteo_forecast_description": "Light Rain",
            "meteo_forecast_description_audio_link": "audio_link.html",
            "icon_link": "Light_Rain.png"
          }
        },
        "afternoon": {
          "weather": {
            "meteo_forecast_id": 23,
            "meteo_forecast_date_time": "2017-11-24 12:00:00",
            "meteo_forecast_description_id": 2,
            "min_temp": 34,
            "max_temp": 31,
            "meteo_forecast_description_name": "Light Rain",
            "meteo_forecast_description": "Light Rain",
            "meteo_forecast_description_audio_link": "audio_link.html",
            "icon_link": "Light_Rain.png"
          }
        }
      }
    }
}

In the array named forecast, there are objects enclosed in {} under "day-X":{...}.

The task ahead is to eliminate these day-X objects and directly incorporate their content into the primary {...} object.

Hence, starting from the original array, the end goal is to achieve the following structure:

{
    "forecast": [
        {
            "forecast_date": "2017-11-23",
            "morning": {
                "weather": {
                    "meteo_forecast_id": 19,
                    "meteo_forecast_date_time": "2017-11-23 06:00:00",
                    "meteo_forecast_description_id": 2,
                    "min_temp": 26,
                    "max_temp": 31,
                    "meteo_forecast_description_name": "Light Rain",
                    "meteo_forecast_description": "Light Rain",
                    "meteo_forecast_description_audio_link": "audio_link.html",
                    "icon_link": "Light_Rain.png"
                }
            },
            "afternoon": {
                "weather": {
                    "meteo_forecast_id": 20,
                    "meteo_forecast_date_time": "2017-11-23 12:00:00",
                    "meteo_forecast_description_id": 1,
                    "min_temp": 33,
                    "max_temp": 27,
                    "meteo_forecast_description_name": "Mostly Cloudy",
                    "meteo_forecast_description": "Mostly Cloudy",
                    "meteo_forecast_description_audio_link": "audio_link.html",
                    "icon_link": "Mostly_Cloudy_Icon.png"
                }
            }
        },
        {
            "forecast_date": "2017-11-24",
            "morning": {
                "weather": {
                    "meteo_forecast_id": 22,
                    "meteo_forecast_date_time": "2017-11-24 06:00:00",
                    "meteo_forecast_description_id": 2,
                    "min_temp": 30,
                    "max_temp": 34,
                    "meteo_forecast_description_name": "Light Rain",
                    "meteo_forecast_description": "Light Rain",
                    "meteo_forecast_description_audio_link": "audio_link.html",
                    "icon_link": "Light_Rain.png"
                }
            },
            "afternoon": {
                "weather": {
                    "meteo_forecast_id": 23,
                    "meteo_forecast_date_time": "2017-11-24 12:00:00",
                    "meteo_forecast_description_id": 2,
                    "min_temp": 34,
                    "max_temp": 31,
                    "meteo_forecast_description_name": "Light Rain",
                    "meteo_forecast_description": "Light Rain",
                    "meteo_forecast_description_audio_link": "audio_link.html",
                    "icon_link": "Light_Rain.png"
                }
            }
        }
    ]
}

Is there an efficient way to accomplish this? How can I remove the day-x wrapper objects while retaining their contents within the elements of the {...} object in this array? The solution must be written purely in JavaScript without utilizing any third-party libraries or frameworks.

javascript json javascript-objects

Answer 1

Answer №1

Utilize the map function to iterate through an array and retrieve the first value using Object.values from each item.

obj.data = obj.data.map( item => Object.values(item)[0] )

Example

var obj = {
  "data": [
    {
      "item-1": {
        "name": "apple",
        "category": "fruit"
      }
    },
    {
      "item-2": {
        "name": "carrot",
        "category": "vegetable"
      }
    }
  ]
};

obj.data = obj.data.map( item => Object.values(item)[0] );

console.log( obj );

Answer 2

Utilize the map function to iterate through an array and retrieve the first value using Object.values from each item.

obj.data = obj.data.map( item => Object.values(item)[0] )

Example

var obj = {
  "data": [
    {
      "item-1": {
        "name": "apple",
        "category": "fruit"
      }
    },
    {
      "item-2": {
        "name": "carrot",
        "category": "vegetable"
      }
    }
  ]
};

obj.data = obj.data.map( item => Object.values(item)[0] );

console.log( obj );

Answer 3

Answer №2

If you're looking to access the file contents initially:

const fs = require('fs');

fs.readFile('/path/to/file.json', (err, file) => {
  const information = JSON.parse(file);
  information.revisedData = information.revisedData.map((items) => {
    return Object.keys(items).reduce((item, key) => items[key], {});
  });
  // console.log(information) or customize as needed.
}

The Object.values() solution provided by someone else can be used instead of my Object.keys() approach here, though keep in mind that Object.values() has lower compatibility since it's a newer function.

Answer 4

If you're looking to access the file contents initially:

const fs = require('fs');

fs.readFile('/path/to/file.json', (err, file) => {
  const information = JSON.parse(file);
  information.revisedData = information.revisedData.map((items) => {
    return Object.keys(items).reduce((item, key) => items[key], {});
  });
  // console.log(information) or customize as needed.
}

The Object.values() solution provided by someone else can be used instead of my Object.keys() approach here, though keep in mind that Object.values() has lower compatibility since it's a newer function.

Is there a way to eliminate a wrapper object from each element in a JSON array using JavaScript?

Answer №1

Answer №2

Similar questions

Tips for Guaranteeing a Distinct Email and Username are Stored in MongoDB with Mongoose

When iterating through a foreach loop in PHP, converting an array to a JSON object may pose a challenge

Guide to setting up a Node, Express, Connect-Auth, and Backbone application architecture for server-side development

What could be causing React to throw an error?

What is the best way to retrieve data from Firebase and then navigate to a different page?

Issue where CSS modal does not appear when clicked after being toggled

Having difficulties with encoding when transferring an email from Thunderbird to Delphi using native messaging

Utilizing Bootstrap modal to insert data into phpMyAdmin database - a comprehensive guide

Leveraging JavaScript variables conditionally within a JSON object

Utilize the JSON response upon successful completion of an AJAX request

Error: Invalid hook calls detected in React using Material-UI components

Turn off Chrome Autofill feature when placeholders are being used in forms

Error in parsing JSON: An unexpected token < was encountered at the beginning of the JSON input, causing a SyntaxError at position 0 when parsing with

A different approach to fixing the error "Uncaught (in promise) TypeError: fs.writeFile is not a function" in TensorFlow.js when running on Chrome

Validating Input Field with Regular Expression in JavaScript/TypeScript to Avoid Starting with Zero

Using JavaScript, the list of items (images) will be displayed and placed into HTML panels

a guide on retrieving FormData objects in PHP

node.js: The Yahoo weather jQuery plugin fails to display any data

Ways to correlate a JSON response value with a Postman environment variable?

Is it possible to declare variables within a React 'render' function?