Chain Array methods in JavaScript

Share this video with your friends

Social Share Links

Send Tweet
Published 5 years ago
Updated 4 years ago

In this lesson, we chain an additional Array.filter() method to our filteredNames list, that lets us ommit shortlisted names from our displayed list.

Simon Vrachliotis: [0:00] When a name is added to the shortlist, we want it to disappear from the namePicker. It should never show in both lists. Since we already have our shortlist state in the namePicker components, we can use it to achieve that.

[0:13] Let's chain another filter method to our filtered names here, after the first one. In this one, we'll check if the shortlist includes the entry id. We only want to keep the entries where this is not the case, so we'll invert the logic here.

[0:31] Just like that, it now works. If I click on area, area moves to the shortlist and is gone from the namePicker.

egghead
egghead
~ 2 minutes ago

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today