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

Nick.K · Accepted Answer · 2019-09-11 10:03:58Z

7

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

answered Sep 11, 2019 at 10:03

Nick.K

3986 silver badges12 bronze badges

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

2 Comments

Javid Haji-zada Over a year ago

The above code given by Cristian Traina worked fine. I will use that

Chandni Over a year ago

Thank you so much, brother! Your answer work for me. I am getting response like "[{"id":1,"title":"\u30aa\u30b9"},{"id":2,"title":"\u30e1\u30b9"},{"id":3,"title":"\u30aa\u30b9\/\u53bb\u52e2\u6e08"},{"id":4,"title":"\u30e1\u30b9\/\u907f\u598a\u6e08"},{"id":5,"title":"\u4ed6"}]" And your answer gave me perfect solution.

Christian Vincenzo Traina · Accepted Answer · 2019-09-11 09:38:34Z

5

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);

answered Sep 11, 2019 at 9:38

Christian Vincenzo Traina

10.6k4 gold badges45 silver badges79 bronze badges

2 Comments

Javid Haji-zada Over a year ago

I am new to Javacript, just trying to learn through React Native.

Christian Vincenzo Traina Over a year ago

Let me give you an advice, just don't start with React Native. That's an advanced topic, it solves some problems that you aren't aware of

mccallofthewild · Accepted Answer · 2019-09-11 10:28:21Z

2

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);

answered Sep 11, 2019 at 10:28

mccallofthewild

5202 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to convert JSON object into an array in React Native

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related