filter array of object which contains array of objects by an array

Question

I`m trying to filter an array but I don t succeed to filter array inside the object

I will give us an example of how the array is:

const data = [
   {
    path: 'data1',
    main: [
       {
        path: 'mainData11'
       },
       {
        path: 'mainData12'
       }
     ]
   },
   {
    path: 'data2',
    main: [
       {
        path: 'mainData21'
       },
       {
        path: 'mainData22'
       }
     ]
   }
];

const filterArray = ['data1', 'mainData12'];

expected result

const data = [
 {
  path: 'data1'
  main: [
   {
    path: 'mainData12' 
   }
  ]
 }
]

What I`ve tried

data.filter(el => filterArray.includes(el.path))

I did not succeed to filter the main inside object...

How I do that?

Thanks!

**UPDATE -- CURRENT SOLUTION

data.reduce((results, item) => {
 if(filterArray.some(f => item.path === f)){
  results.push(
   {
    ...item,
    path: item.path,
    main: item.main.filter(i => filterArray.some(f => i.path === f))
   }
  )
 };
 return results;
}, []);

oneat · Accepted Answer · 2020-07-21 07:21:41Z

1

You can solve it by rebuilding the object:

const data = [{
    path: 'data1',
    main: [{
        path: 'mainData11',
      },
      {
        path: 'mainData12',
      },
    ],
  },
  {
    path: 'data2',
    main: [{
        path: 'mainData21',
      },
      {
        path: 'mainData22',
      },
    ],
  },
];

const filterArray = ['data1', 'mainData12'];

const filteredData = data
  .filter(entry => entry.path === filterArray[0])
  .map(entry => ({
    path: entry.path,
    main: entry.main.filter(x => x.path === filterArray[1]),
  }))
  .filter(entry => entry.main.length);

console.log(filteredData);

edited Jul 21, 2020 at 7:21

answered Jul 21, 2020 at 7:09

oneat

11k17 gold badges55 silver badges73 bronze badges

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

2 Comments

xflorin94 Over a year ago

thanks. Yes this is the current solution to rebuild the object.

Adrian Brand Over a year ago

A filter followed by a map should be done in a single iteration with a reduce or else you are iterating the collection multiple times.

Adrian Brand · Accepted Answer · 2020-07-21 08:09:20Z

0

This can be done in one step if you use a reduce

const data = [
   {
    path: 'data1',
    main: [
       {
        path: 'mainData11'
       },
       {
        path: 'mainData12'
       }
     ]
   },
   {
    path: 'data2',
    main: [
       {
        path: 'mainData21'
       },
       {
        path: 'mainData22'
       }
     ]
   }
];

const filterArray = ['data1', 'mainData12'];

const results = data.reduce((results, item) => {
  if (filterArray.some(f => item.path === f) && item.main.some(i => filterArray.some(f => i.path === f))) {
    results.push(
      { path: item.path, main: item.main.filter(i => filterArray.some(f => i.path === f)) }
    );
  }
  return results;
 }, []);

console.log(results)

edited Jul 21, 2020 at 8:09

answered Jul 21, 2020 at 6:52

Adrian Brand

21.8k4 gold badges46 silver badges67 bronze badges

2 Comments

xflorin94 Over a year ago

thanks for awsering. The problem is that the filterArray elements position are not fixed. Exemple data1 can be on positon 3. I must to search in that array if exists

Adrian Brand Over a year ago

Edited to search filter array

Collectives™ on Stack Overflow

filter array of object which contains array of objects by an array

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related