How to convert JSON object into an array in React Native

Question

I am getting a JSON object from Firebase. I am trying to convert it into an array of objects.

I can solve this by getting childs from Firebase one-by-one and add them into array however, that is not a good practice for my case.

The format of JSON object is as following:

key: {
      id1: {some stuff here},
      id2: {some other stuff},
    ...
}

Now what I want to get from this JSON object is :

arrayName: [
         {id1:{some stuff here},
         id2:{some other stuff}
]

Hope my description if fully understandable. Any help would be appreciated

Answer 1

This is just plain javascript, it has nothing to do with react native. By the way, you can use Object.keys to get an array with all the keys, then map the strings as objects:

 const x = {foo: 11, bar: 42}; const result = Object.keys(x).map(key => ({[key]: x[key]})); console.log(result); 

Answer 2

This code worked for me.

const JSONString = res.data;
      object = JSON.parse(JSONString);
      array = Object.keys(object).map(function(k) {
        return object[k];
      });

Where res.data is the response I am getting from an api

Answer 3

Using Object.entries , you can avoid the extra hash lookup on every item.

 const x = { foo: 11, bar: 42 }; const result = Object.entries(x).map(([key, val]) => ({ [key]: val })); console.log(result);