Transform current JSON data into formatted JSON format using JavaScript or TypeScript

Question

Transform current JSON data into formatted JSON format using JavaScript or TypeScript

I have a JSON structure that needs to be reformatted in order to meet the requirements of an external service. Although the current format is complex and cannot be altered, I need to modify it to match the desired output for the external service.

Current JSON:

{
    "specifiers": [{
        "value": "test",
        "type": "text",
        "label": "Brand ID"
    }, {
        "value": "test",
        "type": "text",
        "label": "Program ID"
    }]
}

Desired Output:


{
    "specifiers": {
        "Brand ID": {
            "text": {
                "value": "test",
                "type": "text"
            }
        },

        "Program ID": {
            "text": {
                "value": "test",
                "type": "text"
            }
        }
    }
}

I have attempted to iterate through the existing JSON data using loops, but am struggling with how to properly use the values as keys. I believe I may need to utilize Object.keys or Object.values, but I am unsure of how to access specific values based on their corresponding keys.

Example Format:

        "[label]": {
            "[type]": {
                "value": [value],
                "type": [type]
            }
        }

javascript json typescript iteration reformatting

Answer 1

Answer №1

function updateData({info}) {
  return { info: info.reduce((obj, {name, category, value}) => ({...obj, [name]: { [category]: { category, value } } }), {}) }
}

const database = {
    "info": [{
        "value": "12345",
        "category": "number",
        "name": "Product ID"
    }, {
        "value": "Example Name",
        "category": "text",
        "name": "Product Name"
    }]
}

console.log(updateData(database))

Answer 2

function updateData({info}) {
  return { info: info.reduce((obj, {name, category, value}) => ({...obj, [name]: { [category]: { category, value } } }), {}) }
}

const database = {
    "info": [{
        "value": "12345",
        "category": "number",
        "name": "Product ID"
    }, {
        "value": "Example Name",
        "category": "text",
        "name": "Product Name"
    }]
}

console.log(updateData(database))

Answer 3

Answer №2

Here's a simple solution using the reduce method:

const updatedSpecifiers = existingJSON.specifiers.reduce((acc, spec) => {
  acc[spec.label] = {
      [spec.type]: {
        type: spec.type,
        value: spec.value,
      },
    };
  
  return acc;
}, {});

const modifiedJSON = { specifiers: updatedSpecifiers };

Answer 4

Here's a simple solution using the reduce method:

const updatedSpecifiers = existingJSON.specifiers.reduce((acc, spec) => {
  acc[spec.label] = {
      [spec.type]: {
        type: spec.type,
        value: spec.value,
      },
    };
  
  return acc;
}, {});

const modifiedJSON = { specifiers: updatedSpecifiers };

Answer 5

Answer №3

In order to achieve this, you can utilize the #Array.reduce method as shown in the code snippet below.

let data = {
  "items": [{
    "name": "apple",
    "type": "fruit",
    "color": "red"
  }, {
    "name": "banana",
    "type": "fruit",
    "color": "yellow"
  }]
}
const result = data.items.reduce((result, item) => {
  const {
    name,
    type,
    color
  } = item
  result[name] = {};
  result[name][type] = {
    color,
    type
  };
  return result;
}, {});
console.log(result);

Answer 6

In order to achieve this, you can utilize the #Array.reduce method as shown in the code snippet below.

let data = {
  "items": [{
    "name": "apple",
    "type": "fruit",
    "color": "red"
  }, {
    "name": "banana",
    "type": "fruit",
    "color": "yellow"
  }]
}
const result = data.items.reduce((result, item) => {
  const {
    name,
    type,
    color
  } = item
  result[name] = {};
  result[name][type] = {
    color,
    type
  };
  return result;
}, {});
console.log(result);

Transform current JSON data into formatted JSON format using JavaScript or TypeScript

Answer №1

Answer №2

Answer №3

Similar questions

Tips for deleting the displayed URL during a web page print in PHP

The set command is failing to save data in the JSON file

retrieving form data from a submit button using objects in PHP

Utilizing a function as an argument in another function (with specified parameters)

Verify whether the value is considered false, true, or null

Ensuring AngularJS ui-router/app waits for $http data to avoid Flash of Unstyled Content (FOUC)

Displaying TypeScript issues across the entire project in WebStorm allows for a comprehensive overview

Changing the color gradient of a range column chart in ApexCharts

Managing PHP and AJAX: Strategies for handling and transmitting error responses

Jquery Not Responding to HasChanged Function

Sending an object from Rails to Javascript

angular2 fullCalendar height based on parent element

Clipanion is unable to fulfill requests

Converting Java String to JSONObject in Android: Troubleshooting JSONP issue

Managing multiple sets of radio buttons using the useState hook

Retrieve the chosen identification from a dropdown menu (select box) with jQuery

Assign the ngClick event handler to the capturing phase

I'm encountering a status 415 error when trying to post to the Spotify API for tokens. Is there something I'm

Serialization of ISO8601 dates with a JAX-RS client in a container setting

testing express router with several different handlers