Week 1

This session is about mastering the most commonly used array functions provided by Javascript. Working with arrays is an essential part of being a javascript developer. A lot of the time js developers have an array of some objects. That could be users, products, posts, jobs etc. Developers so often need to filter the arrays, change the structure of the array, sort them or loop through them.

Understanding how to use array functions and the arrow notation can greatly improve the readability of your code.

The module strongly encourages going beyond JavaScript alone and implementing a real frontend—work that runs in the browser with a visible, interactive UI. All exercises (session materials and assignment) are designed so that JavaScript drives HTML and the interface.

Contents

• Preparation

• Session Plan (for mentors)

• Assignment

Session Learning Goals

By the end of this session, you will be able to:

• Use the arrow function syntax with any number of arguments

• Use the arrow function syntax with an implicit return (no curly braces)

• Use the array functions .forEach(), .map(), and .filter()

• Know how to find and learn about other array functions such as .find(), .some(), .reduce()

• Combine multiple array functions (chaining) to solve complex problems in a concise way.

// Example of using filter() with an arrow function
const expensiveItems = myItemArray.filter((x) => x.cost > 200);