Array filtering based on properties in object

Question

Well I am stuck here and I would appreciate some directions of methods I can accomplish this with.

I got an array with questions:

  questions: [
    {
      question: 'lala',
      answer: 'papa',
      categories: ['Handla']

    },
    {
      question: 'xxxx',
      answer: 'yyyy',
      categories: ['Reklamation']
    }
  ]

Based on the categories I want to be able to list the questions accordingly when filtering.

So lets say I want to filter on 'Handla' I should be able to loop out all the questions that has the value 'Handla' matched in the categories array.

mapping through the questions array and doing returning them with an if/else statement will work but im not sure this is the optimal way.

Summary: I want to iterate through questions and pick out objects that matches with my desired category query.

My desired output when requesting "Reklamation" should be

const desiredArray = [{
        {
          question: 'xxxx',
          answer: 'yyyy',
          categories: ['Reklamation']
        }
}]

Possible duplicate of Javascript: How to filter object array based on attributes? — Zenoo
– Zenoo, Commented Jan 17, 2018 at 12:37

Ori Drori · Accepted Answer · 2018-01-17 12:38:25Z

3

Use Array#filter and check if the category (Reklamation in the example) is found in the categories array using Array#includes:

const questions = [{"question":"lala","answer":"papa","categories":["Handla"]},{"question":"xxxx","answer":"yyyy","categories":["Reklamation"]}];
  
const result = questions.filter(({ categories }) => categories.includes('Reklamation'));

console.log(result);

answered Jan 17, 2018 at 12:38

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

Comments

prabhatojha · Accepted Answer · 2018-01-17 12:42:01Z

1

Try this

var result = questions.filter((item) => item.categories.find((cat) => cat === 'Reklamation'))

answered Jan 17, 2018 at 12:42

prabhatojha

2,1051 gold badge18 silver badges32 bronze badges

Comments

Hassan Imam · Accepted Answer · 2018-01-17 12:43:32Z

1

You can use array#filter with array.indexOf.

var data = {questions: [{question: 'lala',answer: 'papa',categories: ['Handla']},{question: 'xxxx',answer: 'yyyy',categories: ['Reklamation']}]}, 
    category = 'Reklamation',
    result = data.questions.filter(({categories}) => categories.indexOf(category) > -1);

console.log(result);

answered Jan 17, 2018 at 12:43

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

Comments

jamcreencia · Accepted Answer · 2018-01-17 12:58:24Z

1

I would create a reusable function that you can call whenever you want to search by category:

const filterByCategory = (questions, category) => { 
 return questions.filter(q => q.categories.includes(category))
}

filterByCategory(questions, 'Reklamation');

filter takes a callback that returns true if you want to keep the element.

Please see the filter and includes docs for more info

edited Jan 17, 2018 at 12:58

answered Jan 17, 2018 at 12:53

jamcreencia

6,9421 gold badge13 silver badges7 bronze badges

Collectives™ on Stack Overflow

Array filtering based on properties in object

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related