Filtering an array based on an Inner array

Question

I am trying to refactor my code in order to avoid doing new http requests to my api anytime I want to filter results.

So I have this array pageContent which gets data from an API fetch at page load. It is composed of several object like the one below:

{
"title": "some title",
"description": "some random description",
"tags": [
         "Tag1",
         "Tag2",
         "Tag3"
        ]
}

What I am trying to do is to filter this array if a certain filter button is clicked. This filter button emits a string as value that is then passed into the filter function. So this is what I have now:

this.pageContent.filter(element => {
  //ref is the string value that is emmited by the filter button
  return element.tags.includes(ref)
})

Unfortunately this is not working, and the array always shows exactly the same..

Any idea of what I am doing wrong?

Thank you!

Sergey Sosunov · Accepted Answer · 2022-09-19 20:20:48Z

1

The issue is due to .filter returns a new array, it does not modify this.pageContent in-place. So:

this.pageContent = this.pageContent.filter(element => {
  //ref is the string value that is emmited by the filter button
  return element.tags.includes(ref)
})

answered Sep 19, 2022 at 20:20

Sergey Sosunov

4,6502 gold badges13 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

Filtering an array based on an Inner array

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related