Question

146

How to filter array of objects in react native?

rated 0 times [ 147] [ 1] / answers: 1 / hits: 147094 / 7 Years ago, sat, october 21, 2017, 12:00:00

I want to filter this data array into state and city array. How can I achieve this using lodash or any other better way rather than for loop and maintaining extra arrays.

data: [

    { id: 1, name: Mike, city: philps, state: New York},

    { id: 2, name: Steve, city: Square, state: Chicago},

    { id: 3, name: Jhon, city: market, state: New York},

    { id: 4, name: philps, city: booket, state: Texas},

    { id: 5, name: smith, city: brookfield, state: Florida},

    { id: 6, name: Broom, city: old street, state: Florida},

]

which user click state, list of state appears.

{state: New York, count: 2},

{state: Texas, count: 1},

{state: Florida, count: 2},

{state: Chicago, count: 1},

When user click particular state, list of cities of that state appears. For ex. when user clicks New York state,

{id:1, name: Mike, city: philps}

{id:3, name: Jhon, city: market}

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

martina

Add To Favorites

Follow

Total Points: 101

Total Questions: 103

Total Answers: 111

Location: Seychelles

Member since Mon, Jun 28, 2021

3 Years ago

martina questions

1 Why Redirected when going from /login to / via a navigation guard. is appearing?

Tue, Feb 2, 21, 00:00, 3 Years ago

1 Change text every 3 seconds React useEffect

Wed, Dec 30, 20, 00:00, 4 Years ago

1 How to test Express router catch branch in this scenario using Jest?

Thu, Sep 24, 20, 00:00, 4 Years ago

1 How to show legend tooltip when hover on legend series in ApexCharts.js

Thu, Jul 23, 20, 00:00, 4 Years ago

1 Is there an elegant way using TypeORM to find one record in an array of OneToMany relation and assign it to another field in the entitiy?

Fri, Apr 24, 20, 00:00, 4 Years ago

View All

answered 7 Years ago mckinleyi · Accepted Answer

With lodash, you could use _.filter with an object as _.matches iteratee shorthand for filtering the object with a given key/value pair and

use _.countBy with _.map for getting a count of states.

var data = [{ id: 1, name: 'Mike', city: 'philps', state: 'New York' }, { id: 2, name: 'Steve', city: 'Square', state: 'Chicago' }, { id: 3, name: 'Jhon', city: 'market', state: 'New York' }, { id: 4, name: 'philps', city: 'booket', state: 'Texas' }, { id: 5, name: 'smith', city: 'brookfield', state: 'Florida' }, { id: 6, name: 'Broom', city: 'old street', state: 'Florida' }];



console.log(_.filter(data, { state: 'New York' }));

console.log(_

    .chain(data)

    .countBy('state')

    .map((count, state) => ({ state, count }))

    .value()

);

.as-console-wrapper { max-height: 100% !important; top: 0; }

<script src=https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js></script>