JavaScript: Difference between .forEach() and .map()

by

They are not one and the same. Let me explain the difference.

forEach: This iterates over a list and applies some operation with side effects to each list member (example: saving every list item to the database) and does not return anything.

map: This iterates over a list, transforms each member of that list, and returns another list of the same size with the transformed members (example: transforming list of strings to uppercase). It does not mutate the array on which it is called (although the callback function may do so).

References

Array.prototype.forEach() – JavaScript | MDN

Array.prototype.map() – JavaScript | MDN

More Related Contents:

  1. For-each over an array in JavaScript
  2. Loop over an array in JavaScript
  3. Loop (for each) over an array in JavaScript
  4. Loop through an array in JavaScript
  5. Short circuit Array.forEach like calling break
  6. Why is using “for…in” for array iteration a bad idea?
  7. change values in array when doing foreach
  8. What does [].forEach.call() do in JavaScript?
  9. forEach on querySelectorAll not working in recent Microsoft browsers
  10. Javascript efficiency: ‘for’ vs ‘forEach’ [closed]
  11. How to split a long array into smaller arrays, with JavaScript
  12. JavaScript, Node.js: is Array.forEach asynchronous?
  13. forEach on array of undefined created by Array constructor
  14. How to loop through all the elements returned from getElementsByTagName [duplicate]
  15. Check if object value exists within a Javascript array of objects and if not add a new object to array
  16. What’s the best way to loop through a set of elements in JavaScript?
  17. Why doesn’t nodelist have forEach?
  18. How to use promise in forEach loop of array to populate an object
  19. For loop through Array only shows last value
  20. JavaScript flattening an array of arrays of objects
  21. Why is ‘for(var item in list)’ with arrays considered bad practice in JavaScript?
  22. Why Array.forEach is slower than for() loop in Javascript? [duplicate]
  23. Splicing a Javascript array from within the callback passed to forEach
  24. How to loop through array in jQuery?
  25. Sum two arrays in single iteration
  26. Add a delay after executing each iteration with forEach loop
  27. Javascript: hiding prototype methods in for loop?
  28. looping through arrays of arrays
  29. JavaScript foreach loop on an associative array object
  30. How to access array in circular manner in JavaScript

Leave a Comment