JavaScript Array.map() explained in varying ranges of complexity

1,013

19 0

Published 2024-02-23

The JavaScript Array.map() method is one of the most ubiquitous JavaScript functions. It's in basically every app, website, and code block. Here's an explainer that starts with the basics and increases in complexity.

00:00 Intro
00:29 CodePen setup
01:18 What is Array.map()
02:40 Simplest use of Array.map()
04:25 Implicit returns in Array.map()
05:15 Using the Array index
06:14 Manipulating an array of objects
10:25 Rebuilding each object with Array.map()
12:20 Array.map() with React
15:30 Array.map() returning a React Component
17:35 Wrapping things up

All Comments (3)

@codeup5848 2 months ago

Do you have a discord??
@IleniaQuintero 1 month ago

Hello, I was looking at your video channel. We may be helping a company that uses secure images to increase supply chain security and help cloud native development. Would you be willing to help try their software, make a video, and help show devs how to use their tools? This is not an offer, but just to start a conversation about your willingness to take on sponsorship. Please provide me with your email if you are interested. You'd have a chance to look at their technology and decide if it's the type of software that you'd be interested in covering in your channel.