Easy JavaScript Question 68 of 229

What is the difference between map and forEach?

Frontend Master · Speak this in 60–90 seconds · Faridabad & Delhi NCR

01234

Index starts at 0. Scan once for max — O(n).

Map returns a new array of transformed items and is the React list pattern.

Why interviewers care about JavaScript:

They want a clean

contrast on JavaScript, not two memorised paragraphs.

Say what changes for

the developer, then one case where picking wrong hurts.

Stay structured

Name the idea, why it exists, then one short example.

Close cleanly

End with when you use it and one common pitfall.

Before you speak the answer, walk the interviewer through these steps:

1
Map returns a new
array of transformed items and is the React list pattern.
2
ForEach runs a side
effect and returns undefined.
3
If I need a
list of elements I use map, not forEach inside JSX.
4
Give an example
One tiny concrete case you can say aloud.
5
Common mistake
What juniors usually get wrong.
6
Close
When you pick this over the alternative.

Here's a short line you can speak, broken into clear beats:

Say this line

“ForEach runs a side effect and returns undefined.”

Break into beats

ForEachrunsasideeffectand

Speaking order

2987408337471632900

Note: Adapt this scaffold to your own project — keep it under 60–90 seconds.

Map returns a new array of transformed items and is the React list pattern. ForEach runs a side effect and returns undefined.