JSON object - Accessing Values in React Native

Question

In my React Native application I am using the RNDBModels package that is a wrapper over AsyncStorage. Currently I am saving a JSON object through RNDBModels and that works correctly, however accessing the data is proving challenging.

When the code is return from the get method, it is return inside a JSON Object and I would essentially like the values from the result, so that I can iterate over it for a list.

The returned result:

 { 
  '1': 
    { 
      name: 'Galaxy', 
      description: '20gram bars', 
      _id: 1 
    },
  '2':
    {
      name: 'Snickers', 
      description: 'Hazelnuts', 
      count: 2, 
      _id: 2 
    }
 }

And the desired outcome so that I can easily iterate over the objects in the array and then render a list in React Native.

[
 { 
    name: 'Galaxy', 
    description: '20gram bars', 
    _id: 1 
 },
 {
    name: 'Snickers', 
    description: 'Hazelnuts', 
    count: 2, 
      _id: 2 
  }
 ]

Any suggestions at accessing the values? I have tried using Object.keys and then subsequently Object.values to no avail sadly.

Nicolas Charpentier · Accepted Answer · 2016-03-18 02:05:50Z

8

You can do it with the in operator :

const data =  { 
  '1': { 
    name: 'Galaxy', 
    description: '20gram bars', 
    _id: 1 
  },
  '2': {
    name: 'Snickers', 
    description: 'Hazelnuts', 
    count: 2, 
    _id: 2 
    }
};

var array = [];

for (let prop in data) {
  array.push(data[prop]);
}

console.log(array);

JSFiddle

answered Mar 18, 2016 at 2:05

Nicolas Charpentier

1,1281 gold badge11 silver badges21 bronze badges

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

Comments

Adrian Seungjin Lee · Accepted Answer · 2016-03-18 03:11:16Z

1

If you're using lodash just one line of code would work for your purpose

_.values(YOUR_OBJECT);

https://lodash.com/docs#values

It will make an array of values from your object.

answered Mar 18, 2016 at 3:11

Adrian Seungjin Lee

1,6662 gold badges15 silver badges30 bronze badges

Collectives™ on Stack Overflow

JSON object - Accessing Values in React Native

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related