javascript - react: how to filter an array of objects in props - Stack Overflow

admin管理员组

文章数量:1394593

I have props with following data

test1: abc
id: 1
myArray: Array(3)
0: {a:abc, b:cde, aid: 1}
1: {e:age, f:ade, aid: 2}
2: {t:are, h:had, aid: 1}

I want to filter props and update array to have only the values that match id and aid

So the props should look like below:

test1: abc
id: 1
myArray: Array(3)
0: {a:abc, b:cde, aid: 1}
2: {t:are, h:had, aid: 1}

How can i do that?

I have props with following data

test1: abc
id: 1
myArray: Array(3)
0: {a:abc, b:cde, aid: 1}
1: {e:age, f:ade, aid: 2}
2: {t:are, h:had, aid: 1}

I want to filter props and update array to have only the values that match id and aid

So the props should look like below:

test1: abc
id: 1
myArray: Array(3)
0: {a:abc, b:cde, aid: 1}
2: {t:are, h:had, aid: 1}

How can i do that?

• javascript
• reactjs

Share Improve this question Follow edited Jun 4, 2018 at 1:39 caulitomaz 2,3611515 silver badges2020 bronze badges asked Jun 3, 2018 at 23:55 SK121212SK121212 3311 gold badge22 silver badges66 bronze badges 1

• I was gonna post a filter implementation but there is one detail, props are inmutable... is that correct? you want to change the props of the current ponent? – Facundo Larrosa Commented Jun 4, 2018 at 0:03

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

You can use the filter Array method

let myArray = [{a:"abc", b:"cde", aid: 1},
               {e:"age", f:"ade", aid: 2},
               {t:"are", h:"had", aid: 1}]

const result = myArray.filter(item => item.aid === 1)

console.log(result)

But take in consideration that props are immutable.

If you wish to change this prop permanently you will have to update it in the parent ponent.

You will get the filtered data by using,

const filteredData = this.props.myArray.filter(item => item.aid === 1)

However props is only readable. You will have to eigther dispatch or update parent ponent to provide new/filtered data as props.

you can use Array.filter()

// match both a AND aid
const result = myArray.filter(obj => (obj.a === test1 && obj.aid === id);
// match either a OR aid
const result = myArray.filter(obj => (obj.a === test1 || obj.aid === id);

本文标签： javascriptreact how to filter an array of objects in propsStack Overflow