Javascript: When to use map function of array?

When you grow up in programming using for loops, it’s quite confusing when to use the map function.

I always use for loops and tend to always ignore learning how to use the map function.

But when I learned the usefulness of using array.map(), it has become a great tool to add together with for loops and other loop functions.

How to use it?

The syntax for the map function is: Array.map(function) It iterates on the array and returns a new array based on the result of the callback function.

[embed]

When to use it?

Maybe you are wondering when to use map and for loop.

If you notice on our example above, you can achieve the same results using for loop. But map has better syntax and cleaner code(in my opinion).

Things change when you use async functions.

[embed]

If you try to run this code. You will see that calling an async function inside the mapping will cause an error. So in this case, it is best to say that using for loop is better.

So to summarize, map for non async functions and for loop for async functions.