Filter an array on array of arrays of objects by matching a property of objects

Question

I have a case where I have Array of Arrays and each inner array has multiple objects as below:

const arrayOfArraysOfObjects = [
  [
    { name: 'abv', id: '1212' },
    { name: 'gfgf', id: '887' },
    { name: 'John', id: '886' }
  ],
  [
    { name: 'abv', id: '1242' },
    { name: 'gfgf', id: '837' },
    { name: 'John', id: '816' }
  ],
  [
    { name: 'abv', id: '1242' },
    { name: 'gfgf', id: '837' },
    { name: 'John', id: '896' }
  ]
];

I want to pull out the array which contains the object whose property id is matching with any particular number, say 896

With ES6 I tried this

rawList = arrayOfArraysOfObjects.filter(obj => Object.keys(obj).reduce((acc, curr) => acc || obj[curr] === my.id, false));
return rawList;

here my.id is 896

but this didn't work, MY EXPECTED OUTPUT:

[
   { name: 'abv', id: '1012' },
   { name: 'gfgf', id: '881' },
   { name: 'John', id: '896' }
]

hence, tried correcting it as:

rawList = arrayOfArraysOfObjects.map((apprGrp) => {
  const filteredList = apprGrp.filter(obj => Object.keys(obj).reduce((acc, curr) => acc || obj[curr] === my.id, false));
  return filteredList;
});

this also didnt gave me the above metioned desired result. Please suggest how can I correct this to get the desired results

Whats your expected output ?

Guruparan Giritharan
– Guruparan Giritharan

2020-11-21 07:12:09 +00:00
Commented Nov 21, 2020 at 7:12 — Guruparan Giritharan
– Guruparan Giritharan, Commented Nov 21, 2020 at 7:12
Highlighted the expected with text MY EXPECTED OUTPUT:

Noob
– Noob

2020-11-21 07:19:02 +00:00
Commented Nov 21, 2020 at 7:19 — Noob
– Noob, Commented Nov 21, 2020 at 7:19
Can you check my answer ?

Guruparan Giritharan
– Guruparan Giritharan

2020-11-21 07:19:30 +00:00
Commented Nov 21, 2020 at 7:19 — Guruparan Giritharan
– Guruparan Giritharan, Commented Nov 21, 2020 at 7:19

Guruparan Giritharan · Accepted Answer · 2020-11-21 07:21:44Z

3

You can simply use a array filter and a find to filter by the item

const arrayOfArraysOfObjects = [
  [
   { name: 'abv', id: '1212' },
   { name: 'gfgf', id: '887' },
   { name: 'John', id: '886' }
  ],
  [
   { name: 'abv', id: '1242' },
   { name: 'gfgf', id: '837' },
   { name: 'John', id: '816' }
  ],
  [
   { name: 'abv', id: '1242' },
   { name: 'gfgf', id: '837' },
   { name: 'John', id: '896' }
  ]
];

console.log(arrayOfArraysOfObjects.filter(x => x.find(y => y.id === '896')).flat());

edited Nov 21, 2020 at 7:21

answered Nov 21, 2020 at 7:18

Guruparan Giritharan

16.4k4 gold badges30 silver badges53 bronze badges

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

2 Comments

Noob Over a year ago

this would still give me Array of Array of Object, I am expecting an array of object only

Noob Over a year ago

Perfect!! Answer Perfect solution.. Thanks Guru

Sifat Haque · Accepted Answer · 2020-11-21 07:20:14Z

1

You can check this solution.

const data = [
  [
    { name: "abv", id: "1212" },
    { name: "gfgf", id: "887" },
    { name: "John", id: "886" },
  ],
  [
    { name: "abv", id: "1242" },
    { name: "gfgf", id: "837" },
    { name: "John", id: "816" },
  ],
  [
    { name: "abv", id: "1242" },
    { name: "gfgf", id: "837" },
    { name: "John", id: "896" },
  ],
];

const filterData = (id) => data.filter((arr) => arr.some((obj) => obj.id == id));

console.log(filterData(837));

answered Nov 21, 2020 at 7:20

Sifat Haque

6,1272 gold badges18 silver badges24 bronze badges

2 Comments

Noob Over a year ago

ideally this would have been my answer if I needed more than one Array which contains this ID, My case would have this ID in only one array

Sifat Haque Over a year ago

@Noob oh i see, then just using a flat will solve your issue

Ori Drori · Accepted Answer · 2020-11-21 12:03:53Z

1

Since you are looking to find a single sub-array with the required id use Array.find() instead of Array.filter(). Use Array.some() to check if the current sub-array contains the id:

const data = [[{"name":"abv","id":"1212"},{"name":"gfgf","id":"887"},{"name":"John","id":"886"}],[{"name":"abv","id":"1242"},{"name":"gfgf","id":"837"},{"name":"John","id":"816"}],[{"name":"abv","id":"1242"},{"name":"gfgf","id":"837"},{"name":"John","id":"896"}]];

const findSubArray = id => data.find(arr => arr.some(o => o.id === id));

console.log(findSubArray('837'));

answered Nov 21, 2020 at 12:03

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Collectives™ on Stack Overflow

Filter an array on array of arrays of objects by matching a property of objects

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related