Filter out an object in array of objects

Question

Sorry for my silly question.I have a list of users like this:

const users = [
    { name: "Jimmy", skills: ["Docker", "JavaScript", "Ruby"],age:20},
    { name: "Jimmy", skills: ["AWS", "Python"],age:15 },
    { name: "Frankie", skills: ["Azure", "JavaScript"],age:21},
    { name: "Liam", skills: ["Java", "JavaScript"],age:22},
    { name: "Fred", skills: ["JavaScript", "AWS"],age:34 },
    { name: "Sara", skills: ["PHP", "AWS"],age:23 },
    { name: "Matt", skills: [".Net", "PHP", "Docker"],age:25 },
     { name: "Matt", skills: [".Net", "PHP", "Docker"],age:10 },
];

I want to filter out Matt with the age of 25

const JavaScriptApplicants = users.filter(o => o.name !== 'Matt' && o.age !== 25);
console.log(JavaScriptApplicants)

But it filters out another one with age 10. I just want the 25 gone.

OMG, that's correct. But what is the logic here? I think we need 2 conditions is true right? — Michael
– Michael, Commented Jul 8, 2020 at 6:40
When you want to keep an item your callback should return true. If o.name is Matt then o.name !== Matt will be false, making the entire expression evaluate to false, on the other hand, || will ensure that the name is both Matt and the age is 25 before evaluating to false — Nick Parsons
– Nick Parsons, Commented Jul 8, 2020 at 6:46

Nina Scholz · Accepted Answer · 2020-07-08 06:45:44Z

6

You need OR instead of AND.

The reason is simple. If you take

 !(o.name === 'Matt' && o.age === 25)

read: if name equals matt and age equals 25 don't take it.

Then take De Morgan's laws

!(a && b) = !a || !b
!(a || b) = !a && !b

and convert the expression into one without NOT, you get

 !(o.name === 'Matt') || !(o.age === 25)
 o.name !== 'Matt' || o.age !== 25

const users = [
    { name: "Jimmy", skills: ["Docker", "JavaScript", "Ruby"],age:20},
    { name: "Jimmy", skills: ["AWS", "Python"],age:15 },
    { name: "Frankie", skills: ["Azure", "JavaScript"],age:21},
    { name: "Liam", skills: ["Java", "JavaScript"],age:22},
    { name: "Fred", skills: ["JavaScript", "AWS"],age:34 },
    { name: "Sara", skills: ["PHP", "AWS"],age:23 },
    { name: "Matt", skills: [".Net", "PHP", "Docker"],age:25 },
     { name: "Matt", skills: [".Net", "PHP", "Docker"],age:10 },
     { name: "Foo", skills: [".Net", "PHP", "Docker"],age:25 },
];


const JavaScriptApplicants = users.filter(o => o.name !== 'Matt' || o.age !== 25);
console.log(JavaScriptApplicants)

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Jul 8, 2020 at 6:45

answered Jul 8, 2020 at 6:39

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

3 Comments

Michael Over a year ago

OMG, that's correct. But what is the logic here? I think we need 2 conditions is true right?

Nina Scholz Over a year ago

@kapilpandey, please see the edit. it works. please jhave a look to the expressions as well.

Ilijanovic Over a year ago

@kapilpandey why should this not work? if a other users has a age of 25 it wouldnt even reach the right side of the || operator if the name isnt Matt

kapil pandey · Accepted Answer · 2020-07-08 06:52:57Z

2

const users = [
    { name: "Jimmy", skills: ["Docker", "JavaScript", "Ruby"],age:20},
    { name: "Jimmy", skills: ["AWS", "Python"],age:15 },
    { name: "Frankie", skills: ["Azure", "JavaScript"],age:21},
    { name: "Liam", skills: ["Java", "JavaScript"],age:22},
    { name: "Fred", skills: ["JavaScript", "AWS"],age:34 },
    { name: "Sara", skills: ["PHP", "AWS"],age:23 },
    { name: "Matt", skills: [".Net", "PHP", "Docker"],age:25 },
     { name: "Matt", skills: [".Net", "PHP", "Docker"],age:10 },
];


const JavaScriptApplicants = users.filter(o => !(o.name === "Matt" && o.age === 25));
console.log(JavaScriptApplicants)

edited Jul 8, 2020 at 6:52

answered Jul 8, 2020 at 6:45

kapil pandey

1,9231 gold badge16 silver badges26 bronze badges

Collectives™ on Stack Overflow

Filter out an object in array of objects

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related