Looking to simplify the complex JSON structure by converting it into an array using JavaScript

Question

Looking to simplify the complex JSON structure by converting it into an array using JavaScript

Being a newcomer to javascript, I am struggling with breaking down a complex structure into an array.

The current structure is as follows:

[
    {
        "Key": "ProducePRINKA0370001",
        "Record": {
            "docType": "Produce",
            "PRODUCEID": "PRINKA0370001"
        }
    },
    {
        "Key": "ProducePRINKA0370038",
        "Record": {
            "docType": "Produce",
            "PRODUCEID": "PRINKA0370038"
        }
    },
    {
        "Key": "ProducePRINKA0370050",
        "Record": {
            "docType": "Produce",
            "PRODUCEID": "PRINKA0370050"
          
        }
    }
]

I need to transform this structure into the desired array format below:

[
    {
        "docType": "Produce",
        "PRODUCEID": "PRINKA0370051"
    },
    
    {
        "docType": "Produce",
        "PRODUCEID": "PRINKA0370038"
    }
]

I have attempted various methods but haven't been successful. Any assistance would be greatly appreciated.

Thank you in advance.

javascript json

Answer 1

Answer №1

If you want to easily extract specific data from an array, you can utilize the map() function like this -

const dataList = [{
    "Key": "ProducePRINKA0370001",
    "Record": {
      "docType": "Produce",
      "PRODUCEID": "PRINKA0370001"
    }
  },
  {
    "Key": "ProducePRINKA0370038",
    "Record": {
      "docType": "Produce",
      "PRODUCEID": "PRINKA0370038"
    }
  },
  {
    "Key": "ProducePRINKA0370050",
    "Record": {
      "docType": "Produce",
      "PRODUCEID": "PRINKA0370050"

    }
  }
];

const extractedDataList = dataList.map((item) => {
  return item.Record;
})

console.log(extractedDataList)

This code snippet demonstrates how the map() function is used to iterate over an initial array (dataList) and extract only the Record part from each object within the array. Essentially, map() creates a new array by applying a specified function to each element in the original array.

Answer 2

If you want to easily extract specific data from an array, you can utilize the map() function like this -

const dataList = [{
    "Key": "ProducePRINKA0370001",
    "Record": {
      "docType": "Produce",
      "PRODUCEID": "PRINKA0370001"
    }
  },
  {
    "Key": "ProducePRINKA0370038",
    "Record": {
      "docType": "Produce",
      "PRODUCEID": "PRINKA0370038"
    }
  },
  {
    "Key": "ProducePRINKA0370050",
    "Record": {
      "docType": "Produce",
      "PRODUCEID": "PRINKA0370050"

    }
  }
];

const extractedDataList = dataList.map((item) => {
  return item.Record;
})

console.log(extractedDataList)

This code snippet demonstrates how the map() function is used to iterate over an initial array (dataList) and extract only the Record part from each object within the array. Essentially, map() creates a new array by applying a specified function to each element in the original array.

Answer 3

Answer №2

The desired outcome can be achieved by utilizing the map function.

let output = inputData.map((element) => element["Data"]);

console.log(output);

In this scenario, inputData refers to the source array containing the necessary data.

Answer 4

The desired outcome can be achieved by utilizing the map function.

let output = inputData.map((element) => element["Data"]);

console.log(output);

In this scenario, inputData refers to the source array containing the necessary data.

Looking to simplify the complex JSON structure by converting it into an array using JavaScript

Answer №1

Answer №2

Similar questions

Error encountered when attempting to load files from the same domain due to CORS restrictions

Having trouble installing the JSON extension in PHP's docker image

Is it possible to transform JSON Array Data from one format to another?

Looking to conduct date comparisons within angular-ui-grid?

Is there internal access to the "access property" within the "data property" in JavaScript?

Dividing the text by its position value and adding it to a fresh object

NPM: Handling multiple prehooks with the same name

Using TypeScript with Watermelondb

Adjust the HTML content prior to displaying it to prevent any flickering

Run JavaScript code whenever the table is modified

Sharing environment variables between a React app and an Express.js server that hosts it as a static site can be achieved by setting

Tips for identifying and logging out a dormant user from the server side using Angular 2 Meteor

I'm curious if there is an eslint rule specifically designed to identify and flag any unnecessary spaces between a block comment and the function or

Using Socket.IO in Node.js to distribute information to every connected client

Loading Data into Array - Angular/Ionic

Steps to create a dynamic <div> that is only visible within a parent <div>

What is the most efficient way to read multiple JSON values from a file or stream in Python without putting in too much effort

Unable to execute an Angular 2 application within Visual Studio 2015

Passing data to server-side PHP script using AJAX technology

Transforming a typical JSON file into a parent-child hierarchical JSON structure similar to the one utilized in d3's flare.json file format