Way cooler than using for loops on arrays, map() iterates over an array and creates a new array that has had each item passed through a function:
var drinks = [“coffee soda”, “tea”, “whiskey”];
var coldDrinks = drinks.map(function(drink) {
return ‘iced ’ + drink;
});
// [‘iced coffee soda’, ‘iced coffee’, ‘iced whiskey’]— Sorry to interrupt this program! 📺
Are you interested in learning React? If so, I highly recommend you try Wes Bos' React for Beginners or Fullstack Advanced React & GraphQL course.
Given the current situation with COVID-19, times are hard for most of us, but if you're stuck at home you can perhaps use that extra time to work on your front-end skills. Wes put all of his courses at 50% off to help out with the current challenge we're facing.
Plus, these are affiliate links, so if you purchase a course you help Alligator.io continue to exist at the same time! 🙏
- Seb, ✌️+❤️
The syntax is very simple:
var newArray = myArray.map(function);