Reformat Existing JSON into new JSON using Javascript/Typescript

Question

I currently have an existing JSON that I want to change/reformat into a new JSON to be able to be used in an external service. The format is a bit complicated but I can't change it, so I have to edit my existing JSON. to match my desired output.

Existing 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've tried iterating through the existing JSON using loops, but I don't really know how to format my loops to use the values as the keys? I'm guessing that I might have to use Object.keys or Object.values, but I'm not sure how to get a specific value for a specific key.

Example Format:

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

So you always receive it in the same input format and want to transform it to the same output format? — sleighty
– sleighty, Commented Mar 13, 2019 at 19:42
The first option is imo a better structure. The reason why? Unless you know that "specifiers" contains "Brand ID" and "Program ID" properties ahead of time (similar to how you know that "document" contains "querySelector" and "getElementById" methods), you will have to loop over the object's properties, in which case you might as well have used an array. No accounting for requirements of APIs, though. — James
– James, Commented Mar 13, 2019 at 19:54

AlexOwl · Accepted Answer · 2019-03-13 19:45:27Z

3

function tranform({specifiers}) {
  return { specifiers: specifiers.reduce((obj, {label, type, value}) => ({...obj, [label]: { [type]: { type, value } } }), {}) }
}

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

console.log(tranform(json))

answered Mar 13, 2019 at 19:45

AlexOwl

8775 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

sleighty Over a year ago

Why not map instead of reduce?

AlexOwl Over a year ago

@BrunoEly map transform childs of array and returns new array (with transformed childs), but OP needs an object instead of an array

sleighty Over a year ago

You're right, for a second I thought specifiers was an array in the output

Matthew Herbst · Accepted Answer · 2019-03-13 19:40:25Z

0

Pretty straightforward with a reduce:

const formattedSpecifiers = existingJSON.specifiers.reduce((newSpecifiers, specifier) => {
  newSpecifiers[specifier.label] = {
      [specifier.type]: {
        type: specifier.type,
        value: specifier.value,
      },
    };
  };

  return newSpecifiers;
}, {});

const newJSON = { specifiers: formattedSpecifiers };

answered Mar 13, 2019 at 19:40

Matthew Herbst

32.3k27 gold badges92 silver badges141 bronze badges

Comments

Ajeetesh Roy · Accepted Answer · 2019-03-13 19:55:10Z

0

you can use #Array.reduce. snippet below.

let input = {
  "specifiers": [{
    "value": "test",
    "type": "text",
    "label": "Brand ID"
  }, {
    "value": "test",
    "type": "text",
    "label": "Program ID"
  }]
}
const res = input.specifiers.reduce((res, obj) => {
  const {
    label,
    type,
    value
  } = obj
  res[label] = {};
  res[label][type] = {
    value,
    type
  };
  return res;
}, {});
console.log(res);

answered Mar 13, 2019 at 19:55

Ajeetesh Roy

162 bronze badges

Collectives™ on Stack Overflow

Reformat Existing JSON into new JSON using Javascript/Typescript

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related