Modify the layout of a JSON data structure

Question

Modify the layout of a JSON data structure

Here is an example of an array:

let array =  [
      {1: {
        "date": "2014-04-23 00:00:00",
        "volumetrie": "22458"
      }},
      {2: {
        "date": "2014-05-02 00:00:00",
        "volumetrie": "30585"
      }},
      {3: {
        "date": "2014-03-27 00:00:00",
        "volumetrie": "49536"
      }}
    ]

I want to transform it into this format:

let array =  [
      {
        "date": "2014-04-23 00:00:00",
        "volumetrie": "22458"
      },
      {
        "date": "2014-05-02 00:00:00",
        "volumetrie": "30585"
      },
      {
        "date": "2014-03-27 00:00:00",
        "volumetrie": "49536"
      }
    ]

I attempted to make the change using this code:

array.forEach(function(e){
          newData.push(e);
        });

Unfortunately, this approach did not work due to push not being supported.

Another method I tried was:

let newData = {};
        array.forEach(function(e){
          newData = {...newData, ...e};
        });

Despite my efforts, this solution was also unsuccessful. Do you have any suggestions on how to achieve the desired result?

javascript arrays json

Answer 1

Answer №1

To retrieve a flat array containing the values of the objects, you can use the following code:

let data = [{ 1: { date: "2014-04-23 00:00:00", volume: "22458" } }, { 2: { date: "2014-05-02 00:00:00", volume: "30585" } }, { 3: { date: "2014-03-27 00:00:00", volume: "49536" } }],
    resultArray = data.flatMap(Object.values);

console.log(resultArray);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 2

To retrieve a flat array containing the values of the objects, you can use the following code:

let data = [{ 1: { date: "2014-04-23 00:00:00", volume: "22458" } }, { 2: { date: "2014-05-02 00:00:00", volume: "30585" } }, { 3: { date: "2014-03-27 00:00:00", volume: "49536" } }],
    resultArray = data.flatMap(Object.values);

console.log(resultArray);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

Answer №2

If each item in the array has only one enumerable property, you can achieve this using map and Object.values:

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

Here is a live example:

let array =  [
  {1: {
    "date": "2014-04-23 00:00:00",
    "volumetrie": "22458"
  }},
  {2: {
    "date": "2014-05-02 00:00:00",
    "volumetrie": "30585"
  }},
  {3: {
    "date": "2014-03-27 00:00:00",
    "volumetrie": "49536"
  }}
];
array = array.map(obj => Object.values(obj)[0]);
console.log(array);

.as-console-wrapper {
    max-height: 100% !important;
}

Alternatively, check out Nina's solution using flatMap, which offers an elegant approach.

Answer 4

If each item in the array has only one enumerable property, you can achieve this using map and Object.values:

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

Here is a live example:

let array =  [
  {1: {
    "date": "2014-04-23 00:00:00",
    "volumetrie": "22458"
  }},
  {2: {
    "date": "2014-05-02 00:00:00",
    "volumetrie": "30585"
  }},
  {3: {
    "date": "2014-03-27 00:00:00",
    "volumetrie": "49536"
  }}
];
array = array.map(obj => Object.values(obj)[0]);
console.log(array);

.as-console-wrapper {
    max-height: 100% !important;
}

Alternatively, check out Nina's solution using flatMap, which offers an elegant approach.

Answer 5

Answer №3

To transform each item in the array, you can simply extract the value of the first key from each original item:

let array =  [
  { 1: {
    "date": "2014-04-23 00:00:00",
    "volumetrie": "22458"
  }},
  { 2: {
    "date": "2014-05-02 00:00:00",
    "volumetrie": "30585"
  }},
  { 3: {
    "date": "2014-03-27 00:00:00",
    "volumetrie": "49536"
  }}
];

let formatted = array.map(obj => { for (let key in obj) return obj[key]; });

console.log(formatted);

Answer 6

To transform each item in the array, you can simply extract the value of the first key from each original item:

let array =  [
  { 1: {
    "date": "2014-04-23 00:00:00",
    "volumetrie": "22458"
  }},
  { 2: {
    "date": "2014-05-02 00:00:00",
    "volumetrie": "30585"
  }},
  { 3: {
    "date": "2014-03-27 00:00:00",
    "volumetrie": "49536"
  }}
];

let formatted = array.map(obj => { for (let key in obj) return obj[key]; });

console.log(formatted);

Answer 7

Answer №4

Give this a shot:

const previousRecords = [
    {1: {
        "date": "2014-04-23 00:00:00",
        "volume": "22458"
    }},
    {2: {
        "date": "2014-05-02 00:00:00",
        "volume": "30585"
    }},
    {3: {
        "date": "2014-03-27 00:00:00",
        "volume": "49536"
    }}
];
const updatedRecords = [];

for (let index = 0; index < previousRecords.length; index++) {
    updatedRecords[index] = previousRecords[index][index+1];
}

Answer 8

Give this a shot:

const previousRecords = [
    {1: {
        "date": "2014-04-23 00:00:00",
        "volume": "22458"
    }},
    {2: {
        "date": "2014-05-02 00:00:00",
        "volume": "30585"
    }},
    {3: {
        "date": "2014-03-27 00:00:00",
        "volume": "49536"
    }}
];
const updatedRecords = [];

for (let index = 0; index < previousRecords.length; index++) {
    updatedRecords[index] = previousRecords[index][index+1];
}

Modify the layout of a JSON data structure

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Steps for verifying the following number and contrasting it with the previous one

When iterating through HTML Elements using the forEach method, the getElementsByClassName function is not capable of targeting these specific elements

What is the process for configuring the Jackson provider with the Wink client?

Guide on Updating the ColModel Dynamically in JAVASCRIPT/HTML using clearGridData, setGridParam, and reloadGrid Functions

Combining JSON arrays based on property matches in Node.js

Retrieving information from a JSON file utilizing an Interface

What is the method of using "*" as the value for allowedModules in a jsreport configuration file to enable all modules?

Ways to halt the repetition of clicking the like button on my social media posts

Is there another option besides PHP not being compatible with JavaScript?

Encountering the "Component resolution failed" error in Vue 3 when using global components

Adding two input values using jQuery

A guide on incorporating user input and output in Javascript using React and Material UI

I encountered an issue while trying to use jshint with a simple hello world script, receiving the error message: "line 0, col 0, Bad option: 'script'."

Tips for transforming a JSON response into an array with JavaScript

The inner radius remains constant in the Chart.js Doughnut Chart

Optimizing Require.js File for Efficient Loading

Adding Data to MySQL Database Using Android Studio

Executing JavaScript code using an HTML form submission

Ways to activate a stylish pop-up box using an input field (when focus is removed)

What is the best way to access dropdown sub-menu options from a complex multi-level navigation bar