How To Filter an Array that has an Array of Objects Inside of it In JavaScript

Question

I have an array that contains an array and inside of that array there are several objects.

I want to filter it based on a category id that is passed to it and if any elements in the array match it would return back the filtered array.

the structure of the data is like this:

var myArr = [{
               id:"1",
               category: [{
                   id:"1",
                   name:"cat 1"
               }, {
                   id:"2",
                   name:"cat 2"
               }];
            },{
               id:"2",
               category: [{
                   id:"2",
                   name:"cat 2"
               }, {
                   id:"3",
                   name:"cat 3"
               }];
           },{
               id:"3",
               category: [{
                   id:"3",
                   name:"cat 3"
               }, {
                   id:"4",
                   name:"cat 4"
               }];
           }];

How can I filter this array to return only the elements that have a category id that is equal to 2 for instance?

Here is my code:

  const p3 = $scope.myArr.filter(arr => {

                   return arr.category.includes("2");
                });
                console.log(p3);

i get this error when trying the above code:

"TypeError: Cannot read properties of undefined (reading 'includes')"

combination of filter and some as a starter. if you give final output can help further — cmgchess, Dec 20 '22 at 07:49
it never gives me an output, it always gives an error when trying to access the category @cmgchess please check my edited question — ojsl, Dec 20 '22 at 07:58
Can you try `console.log(JSON.stringify($scope.myArr))` at the location where you would try to filter? My guess it that it doesn't look like you expect at this moment — A_A, Dec 20 '22 at 08:05
Change it to: `return arr.category?.some(c => c.id === "2")` — adiga, Dec 20 '22 at 08:07
try to do this myArr.map((arr) => { return arr.category.filter((ct) => ct.id === '2') }) — Neeraj Kumar, Dec 20 '22 at 08:08
@NeerajKumar i get the sane error but it says filter instead — ojsl, Dec 20 '22 at 08:13
@ojsl works fine for me, here's a snippet: https://jsfiddle.net/adigas/p5noj1rh/ — adiga, Dec 20 '22 at 08:20

How To Filter an Array that has an Array of Objects Inside of it In JavaScript

0 Answers0