Convert JSON String to Object customizing the Object

Question

I have a JSON string and want to convert it to a an object in javascript, the only issue is the destination object will have different variable names and i want key to assign to a variable and value to a different variable

The JSON would be

{
 "Value1":"Type1",
 "Value2":"Type2"
}

The object will be

interface Object {
   Value: string;
   Type: string;
}

I want the JSON to be converted to object array where assigning key (Value1/Value2) to object variable Value and value (Type1/Type2) to object variable Type so the resultant object array would look like below

[{Value: Value1, Type: Type1}, {Value: Value2, Type: Type2}]

Regular JSON.parse wouldn't work as the object is different from json string, any help is appreciated.

Rajneesh · Accepted Answer · 2021-02-21 16:23:37Z

2

You can make use of Object.entries and map:

const obj = {
 "Value1":"Type1",
 "Value2":"Type2"
};

const result = Object.entries(obj).map(([Value, Type])=>({Value, Type}));

console.log(result);

answered Feb 21, 2021 at 16:23

Rajneesh

5,3181 gold badge10 silver badges20 bronze badges

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

Comments

pavelsaman · Accepted Answer · 2021-02-21 16:30:28Z

1

You can use this:

Object.entries(JSON.parse(json)).map(([Value, Type]) => {
    return { Value, Type };
});

answered Feb 21, 2021 at 16:30

pavelsaman

8,4321 gold badge19 silver badges40 bronze badges

Comments

Evert · Accepted Answer · 2021-02-21 16:24:15Z

0

Refular JSON.parse works just fine, you just need to do a conversion step after parsing. Break the problem down in multiple steps.

type MyInput = {
  Value1: string;
  Value2: string;
}
type MyOutput = {
  Value: string;
  Type: string;
}

function myConversionFunction(input: MyInput): MyOutput {
  return {
    Value: input.Value1,
    Type: input.Value2
  }
}

const out = JSON.parse(str).map(myConversionFunction);

answered Feb 21, 2021 at 16:24

Evert

101k18 gold badges136 silver badges221 bronze badges

Comments

user2057549 · Accepted Answer · 2021-02-21 16:25:35Z

0

This is a great question that I often run into in other languages.

I find it easiest to create a helper function or constructor that maps the appropriate key to the appropriate variables. You take the keys in as parameters and create the object assigning each key to the correct variable.

You will always be mapping the same key name to the same variable name so if you set this mapping once in this helper method and call it for each object it should work correctly for each of them.

I don't actively code in JS. Maybe you thought of this and a reason it doesn't work well?

answered Feb 21, 2021 at 16:25

user2057549

1

Collectives™ on Stack Overflow

Convert JSON String to Object customizing the Object

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related