How to loop through an object in React Native

Question

const data = {
  apple: {
    type: 'fruit',
    image: './fruit/apple.jpg'
  },
  orange: {
    type: 'fruit',
    image: './fruit/orange.jpg'
  }
  carrrot: {
    type: 'vegetable',
    image: './vegetable/carrot.jpg'
  }
}

I am trying to build a search function to loop through an object to return the items I need.

for example, if I want all the fruit, the image of apple and orange will be rendered.

I need something like this:

list = []
for item in data:
    if item.type == 'fruit':
        list.append(item)
return list

What is the proper code in React Native? Thanks in advance.

first check whether you data is valid JSON

Aravind S
– Aravind S

2018-08-09 05:57:10 +00:00
Commented Aug 9, 2018 at 5:57 — Aravind S
– Aravind S, Commented Aug 9, 2018 at 5:57

vijayst · Accepted Answer · 2018-08-09 06:04:14Z

1

Object.keys allow to iterate over properties:

const fruits = Object.keys(data).filter(key => data[key].type === 'fruit')
.map(key => data[key]);

First, we make an array of object properties, then we filter the keys for type fruit, And finally map the key to the object to provide an array of fruits.

answered Aug 9, 2018 at 6:04

vijayst

22.1k18 gold badges73 silver badges113 bronze badges

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

Comments

Sathvik Nasani · Accepted Answer · 2018-08-09 06:24:36Z

1

//Input 
const data = {
 apple: {
  type: 'fruit',
  image: './fruit/apple.jpg'
  },
  orange: {
    type: 'fruit',
    image: './fruit/orange.jpg'
  },
  carrrot: {
    type: 'vegetable',
    image: './vegetable/carrot.jpg'
  }
}

var expectedResult =  Object.values(data).filter((item)=>  item.type === "fruit")

answered Aug 9, 2018 at 6:24

Sathvik Nasani

2271 silver badge6 bronze badges

Collectives™ on Stack Overflow

How to loop through an object in React Native

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related