ReactJS - Convert JSON Array

Question

I need help for simple question, to convert this:

{
    "data": [{
        "data_1": {
            "name": "name1",
            "value": "value1"
        },
        "data_2": {
            "name": "name2",
            "value": "value2"
        }
    }]
}

To this:

I need help for simple question, to convert this:

{
    "data": {
        "data_1": {
            "name": "name1",
            "value": "value1"
        },
        "data_2": {
            "name": "name2",
            "value": "value2"
        }
    }
}

Need to remove '[]'.
Thanks a lot!

Pobepto · Accepted Answer · 2022-12-08 19:06:56Z

1

If I understand you correctly, it's easy enough. You just need to return 0 element from data array.

Here is an example in JavaScript:

const original = {
  data: [{
    data_1: {
      name: "name1",
      value: "value1"
    },
    data_2: {
      name: "name2",
      value: "value2"
    }
  }]
};

const converted = {
  data: original.data[0]
};

answered Dec 8, 2022 at 19:06

Pobepto

4492 silver badges8 bronze badges

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

1 Comment

Andy Over a year ago

If original changes converted will also reflect those changes which maybe a sideeffect the OP doesn't want.

Andy · Accepted Answer · 2022-12-08 19:23:05Z

Ideally you want to make a deep copy of those inner objects, and create a new object with them. There are many ways to do this but one of the easiest methods is to stringify them (ie the first element of the array), and then parse that string. That way new references are built, and changes to the original data won't have an effect on the new data.

const data={data:[{data_1:{name:"name1",value:"value1"},data_2:{name:"name2",value:"value2"}}]};

// Stringify, and then parse the string
const copy = (o) => JSON.parse(JSON.stringify(o));

// Assemble the new object by copying the part
// for reuse
const out = { data: copy(data.data[0]) };

// Check that changes made to the original object
// are not reflected in the new object
data.data[0].data_1.name = 'bob';

console.log(out);

Collectives™ on Stack Overflow

ReactJS - Convert JSON Array

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related