React-Native array object filtering not working as expected

Question

I'm working on the react-native project and I have an array object which is coming from backend.

here is the sample of an Array.

 {
   "2010":[
      {
         "id":1243,
         "eventName":"sample_01",
         "categoryType":"CUSTOM_NOTES",
         "tags":"tag19",
         "lastModified":"2022-10-04T14:31:32Z",
         "attachments":[
            
         ]
      }
   ],
   "2022":[
      {
         "id":1244,
         "eventName":"sample_02",
         "categoryType":"CUSTOM_NOTES",
         "tags":"tag1, tag12, tag3, tag52, tag19",
         "lastModified":"2022-10-04T14:31:32Z",
         "attachments":[
            
         ]
      },
      {
         "id":1245,
         "eventName":"hello_03",
         "categoryType":"CUSTOM_NOTES",
         "tags":"tag1, tag12",
         "lastModified":"2022-10-04T14:31:32Z",
         "attachments":[
            
         ]
      }
   ]
}

In this array, it has some tags which were provided by the user previously (ex: "tags":"tag1, tag12"). There can be multiple or single tags in the array object. Using those tags or tags user should be able to filter the items in the array.

But my code is not working for the above behavior and it filters the elements with a tag, which is selected at last by the user.

Please help me to find an answer. Thanks in advance.

My code for the filtering as follows.

FilterByTagsOrAttachements = (advancedFilterData) => {
    let advancedFilterFn = {};
    if (advancedFilterData[0].filterType === "Tag") {
      for (let advancedItem of advancedFilterData) {
        for (const itemTag of advancedItem.data) {
          advancedFilterFn = (a) => {
            for (let tag of a.tags.split(',')) {
              return isEqual(tag, itemTag);
            }
          };
        }
      }
    } else if (advancedFilterData[1].filterType === "Attachments") {
      console.log(JSON.stringify(advancedFilterData[1].data));
    }
    this.onCreateAdvancedFilterObject(advancedFilterFn);
  }

onCreateAdvancedFilterObject = (advancedFilterFn) => {
    this.setState(state => {
      const events = {};
      for (const [year, items] of Object.entries(state.events)) {
        events[year] = items.slice().filter(advancedFilterFn);
      }
      return { events }
    })
  }

and advancedFilterData array is as follws.

advancedFilterData => [{"filterType":"Tag","data":["tag1","tag12"]},{"filterType":"Attachments","data":[]}]

Should your tag split by , instead of , ?

kiuQ
– kiuQ

2022-10-05 07:53:50 +00:00
Commented Oct 5, 2022 at 7:53 — kiuQ
– kiuQ, Commented Oct 5, 2022 at 7:53

Apostolos · Accepted Answer · 2022-10-05 07:56:25Z

1

I guess you need to store all the filters inside an array and then use this array to check if it includes all the elements. Also, since you have , , you should split with , unless you handle it accordingly inside your isEqual method.

FilterByTagsOrAttachements = (advancedFilterData) => {
    let advancedFilterFn = {};
    let filterArray = []
    if (advancedFilterData[0].filterType === "Tag") {
      for (let advancedItem of advancedFilterData) {
        filterArray = filterArray.concat(advancedItem.data)
      }
      
     advancedFilterFn = (a) => {
        for (let tag of a.tags.split(', ')) {
          return filterArray.includes(tag);
        }
     };
    } else if (advancedFilterData[1].filterType === "Attachments") {
      console.log(JSON.stringify(advancedFilterData[1].data));
    }
    this.onCreateAdvancedFilterObject(advancedFilterFn);
  }

answered Oct 5, 2022 at 7:56

Apostolos

10.5k5 gold badges32 silver badges44 bronze badges

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

3 Comments

Apostolos Over a year ago

can you upload a dummy project with your code here? snack.expo.dev

Pasindu Weerakoon Over a year ago

Hi, Thank you for your answer. Still, I have a similar issue. Assume the tag which I want to find, is in the 2nd place of the tags. That is not in the filter list. ex : "tags":"tag1, tag12" - if I filter by "tag1". It is not appearing on the list. But if I search for 1st item ('tags') it will be in the list.

Pasindu Weerakoon Over a year ago

Hi here is the sample : snack.expo.dev/NEmnADpcP

Collectives™ on Stack Overflow

React-Native array object filtering not working as expected

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related