filter array by value based on another array

Question

I have an array of cards. And I need to filter it by value word based on another array. only those objects should remain in cards that correspond to the names in the array difficultWords

const cards = [ 
  {
      word: 'cry',
    },
    {
      word: 'fishing',
    },
    {
      word: 'fly',
    },
    {
      word: 'hug',
    },
  ],
  [
    {
      word: 'open',
    },
    {
      word: 'play',
    },
    {
      word: 'run',
    },
    {
      word: 'sing',
    },
  ],
.....
let difficultWords = ["cry", "run", "sing"];

That's my code: (but id doesn't work)

 let wrongCard = cards.forEach(card => {
    card.filter(el => difficultWords.forEach(i => el.word === i));
 }

The output should be

let wrongCard = [ 
  [
    {
      word: 'cry',
    },
  ],
  [
    {
      word: 'run',
    },
    {
      word: 'sing',
    },
]

How does the expected output relate to the input?

Unmitigated
– Unmitigated

2020-12-03 16:53:41 +00:00
Commented Dec 3, 2020 at 16:53 — Unmitigated
– Unmitigated, Commented Dec 3, 2020 at 16:53

michael · Accepted Answer · 2020-12-03 17:18:55Z

1

const cards = [
  [
    {
      word: 'cry'
    },
    {
      word: 'fishing'
    },
    {
      word: 'fly'
    },
    {
      word: 'hug'
    }
  ],
  [
    {
      word: 'open'
    },
    {
      word: 'play'
    },
    {
      word: 'run'
    },
    {
      word: 'sing'
    }
  ]
];
let difficultWords = ['cry', 'run', 'sing'];

const wrongCard = cards.map((card) =>
  card.filter((c) => difficultWords.includes(c.word))
);

console.log(wrongCard);

edited Dec 3, 2020 at 17:18

answered Dec 3, 2020 at 16:55

michael

4,1733 gold badges15 silver badges31 bronze badges

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

2 Comments

rise Over a year ago

it doesn't work correctly. it returns other objects that are together with the required ones in one array

michael Over a year ago

@rise can you update your post with exact input and expected value?

Lu Kevin · Accepted Answer · 2020-12-03 17:13:53Z

you can use .map and .includes for this.

let wrongCard = cards.forEach(card => {
    card.filter(el => difficultWords.forEach(i => el.word === i));
 }

because you write let wrongCard = cards.forEach..., so I assumed that you wan to assign the result to to wrongCard.

to transform an array to another array, .map should be used, because .forEach will return undefined.

next, because difficultWords is array of string, and the word also is string, to check a value is inside an array, we can use diffultWords.includes(word), this will return true is the word is contain in the diffultWords.

const cards = [
  [{ word: "hug" }],
  [{ word: "open" }, { word: "play" }, { word: "hug" }],
  [{ word: "point" }],
];
let difficultWords = ["point", "hug", "frog", "lion"];

const result = cards.map((arr) => {
  return arr.filter((value) => {
    return difficultWords.includes(value.word);
  });
});

console.log(result)

Unmitigated · Accepted Answer · 2020-12-03 17:17:53Z

0

You can use Array#map to create a new array with the filtered values.

const cards = [ 
  [{
      word: 'cry',
    },
    {
      word: 'fishing',
    },
    {
      word: 'fly',
    },
    {
      word: 'hug',
    },
  ],
  [
    {
      word: 'open',
    },
    {
      word: 'play',
    },
    {
      word: 'run',
    },
    {
      word: 'sing',
    },
  ]];
let difficultWords = ["cry", "run", "sing"];
const res = cards.map(x => x.filter(({word}) => difficultWords.includes(word)));
console.log(res);

answered Dec 3, 2020 at 17:17

Unmitigated

91.4k12 gold badges102 silver badges109 bronze badges

Comments

Sathish Kumar · Accepted Answer · 2022-01-23 14:42:55Z

0

It works, Congrats!!!!

const cards = [
  [{ word: "hug" }],
  [{ word: "open" }, { word: "play" }, { word: "hug" }],
  [{ word: "point" }],
];
let difficultWords = ["point", "hug", "frog", "lion"];

let res = [];
difficultWords.forEach(val => {
  cards.map(item => {
  item.map(e =>{
  if(e.word === val) {
   res.push(e)
  }})
  })
})

console.log(res)

answered Jan 23, 2022 at 14:42

Sathish Kumar

346 bronze badges

Collectives™ on Stack Overflow

filter array by value based on another array

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related