How to filter an Array of Objects inside another Array of Objects in JavaScript (es6)? [duplicate]

Question

I need to filter dogs and also the sitters inside this Array based on another Array sittersSelected. (It's ok to use es6). The problem for me is handling the nested array.

Not sure if it's possible but...

Data

dogs = [
  {
    name: 'Alice',
    sex: 'Female',
    breed: 'German Shepherd',
    sitters: [
      {
        id: '123',
        name: 'Abby'
      },
      {
        id: '456',
        name: 'Manny'
      },
      {
        id: '789',
        name: 'Mel'
      },
    ]
  },
  {
    name: 'Buckley',
    sex: 'Male',
    breed: 'Border Collie',
    sitters: [
      {
        id: '321',
        name: 'Gustavo'
      },
      {
        id: '654',
        name: 'Tommy'
      },
    ]
  },
  {
    name: 'Bear',
    sex: 'Male',
    breed: 'Mixed',
    sitters: [
      {
        id: '123',
        name: 'Abby'
      },
      {
        id: '135',
        name: 'Owen'
      },
    ]
  },
];

sittersSelected = ["Abby","Manny"];

Expected Output

filterResult = [
  {
    name: 'Alice',
    sex: 'Female',
    breed: 'German Shepherd',
    sitters: [
      {
        id: '123',
        name: 'Abby'
      },
      {
        id: '456',
        name: 'Manny'
      },
    ]
  },
  {
    name: 'Bear',
    sex: 'Male',
    breed: 'Mixed',
    sitters: [
      {
        id: '123',
        name: 'Abby'
      },
    ]
  },
];

I've tried

filterResult = dogs.filter(dog => dog.sitters.some(sitter => sittersSelected.includes(sitter.name)));

I managed to filter the dogs but not the sitters. Also tried other examples here on StackOverflow. Is there a way to do it? maybe with .map() ?

Thank you

How big can these two lists potentially be at their largest size? — Tobiah Rex
– Tobiah Rex, Commented Feb 4, 2021 at 1:49
@TobiahRex It is quite big, the data has more options... I just used dogs as an example. — John
– John, Commented Feb 4, 2021 at 4:33

ProSheta · Accepted Answer · 2021-02-04 01:31:36Z

1

1-use map to return new object contain only filtered sitters

2-use filter to return only dog have sitters

let dogs = [{ name: 'Alice', sex: 'Female', breed: 'German Shepherd', sitters: [{ id: '123', name: 'Abby' }, { id: '456', name: 'Manny' }, { id: '789', name: 'Mel' },] }, { name: 'Buckley', sex: 'Male', breed: 'Border Collie', sitters: [{ id: '321', name: 'Gustavo' }, { id: '654', name: 'Tommy' },] }, { name: 'Bear', sex: 'Male', breed: 'Mixed', sitters: [{ id: '123', name: 'Abby' }, { id: '135', name: 'Owen' },] },];

let sittersSelected = ["Abby", "Manny"];

dogs.map(dog => {
    return {
        ...dog,
        sitters: dog.sitters.filter(sitter => sittersSelected.includes(sitter.name))
    }
}).filter(dog => dog.sitters.length > 0);

answered Feb 4, 2021 at 1:31

ProSheta

3052 silver badges10 bronze badges

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

1 Comment

John Over a year ago

It worked, thank you so much @ProSheta

CertainPerformance · Accepted Answer · 2021-02-04 01:47:06Z

0

You'll need 2 steps.

First filter each sitters sub-array to include only the ones selected.
Filter out the parent array items by whether the sitters array contains any elements:

const dogs=[{name:"Alice",sex:"Female",breed:"German Shepherd",sitters:[{id:"123",name:"Abby"},{id:"456",name:"Manny"},{id:"789",name:"Mel"}]},{name:"Buckley",sex:"Male",breed:"Border Collie",sitters:[{id:"321",name:"Gustavo"},{id:"654",name:"Tommy"}]},{name:"Bear",sex:"Male",breed:"Mixed",sitters:[{id:"123",name:"Abby"},{id:"135",name:"Owen"}]}];

const sittersSelected = ["Abby","Manny"];

for (const dog of dogs) {
  dog.sitters = dog.sitters.filter(s => sittersSelected.includes(s.name));
}
const filteredDogs = dogs.filter(
  dog => dog.sitters.length
);
console.log(filteredDogs);

If you don't want to mutate the input array of objects, you can map it first to clone each dog.

edited Feb 4, 2021 at 1:47

user15026033

answered Feb 4, 2021 at 1:13

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

1 Comment

John Over a year ago

Thanks @CertainPerformance it worked well. But as you suggest, I'm using map() to avoid mutating the array.

Collectives™ on Stack Overflow

How to filter an Array of Objects inside another Array of Objects in JavaScript (es6)? [duplicate]

Data

Expected Output

I've tried

2 Answers 2

1 Comment

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Data

Expected Output

I've tried

2 Answers 2

1 Comment

1 Comment

Linked

Related