Convert nested json object into another json object [duplicate]

Question

I've been playing with json objects & using ReactJS. One of the json object represented by variable 'res'. How do I convert 'res' into 'b'. I'm also getting my json object 'res' from an api.

I've reciprocated my problem over this link: https://codesandbox.io/s/epic-leaf-sznhx?file=/src/App.js

const [res, setResult] = useState();
  useEffect(() => {
    (async () => {
      axios.get("https://corona.lmao.ninja/v2/countries").then(response => {
        setResult(response.data);
      });
    })();
  }, []);

How do I convert this:

const res = 
{
  "0": {
    "id": "1",
    "countryInfo": [
      {
        "_id": "4",
        "lat": "33"
      }
    ]
  },
  "1": {
    "id": "2",
    "countryInfo": [
      {
        "_id": "8",
        "lat": "41"
      }
    ]
  }
}

into this json object:

const b =

{
  "popup": {
    "countryInfo": [
      {
        "_id": "1",
        "lat": "33"
      },
      {
        "_id": "2",
        "lat": "41"
      }
    ]
  }
}

You'll have to just update the keys from your previous question, so instead of having menuitem you'll have countryInfo, check my answer below and let me know if it works for you. — Luís Ramalho
– Luís Ramalho, Commented Apr 20, 2020 at 2:48
@LuísRamalho I'm getting error: can't convert undefined to object — KillMe
– KillMe, Commented Apr 20, 2020 at 3:21

Luís Ramalho · Accepted Answer · 2020-04-20 02:46:36Z

0

You basically want an identical solution to your previous question, something like:

const res = {
  "0": {
    id: "1",
    countryInfo: [{
      _id: "4",
      lat: "33",
    }, ],
  },
  "1": {
    id: "2",
    countryInfo: [{
      _id: "8",
      lat: "41",
    }, ],
  },
};

let b = Object.keys(res).reduce(
  (p, c) => {
    for (let item of res[c].countryInfo) {
      p.popup.countryInfo.push(item);
    }
    return p;
  }, {
    popup: {
      countryInfo: [],
    },
  }
);

console.log(b);

answered Apr 20, 2020 at 2:46

Luís Ramalho

10.2k4 gold badges54 silver badges69 bronze badges

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

3 Comments

KillMe Over a year ago

I'm getting this error: can't convert undefined to object

Luís Ramalho Over a year ago

@KillMe, I've fixed your sandbox codesandbox.io/s/gifted-monad-fli3m?file=/src/App.js

Luís Ramalho Over a year ago

Basically, you cannot give the countryInfo object to MaterialTable, you'll have to destructure the properties you want from it.

Collectives™ on Stack Overflow

Convert nested json object into another json object [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related