Should one use for-of or forEach when iterating through an array? [duplicate]

by

I recommend to always use for … of in ES6.

  • It works on any iterable
  • It supports all kinds of control flow in the loop body, like continue, break, return, yield and await.

Also I personally find it more readable, but that comes down to preference. Some people think forEach is a more functional style, but that’s wrong – it has no result value and is all about doing side effects, so an imperative-looking loop fits that purpose better.

Performance is not a concern, in modern engines all loop styles are equivalent.

More Related Contents:

  1. Unable to access React instance (this) inside event handler [duplicate]
  2. Javascript object literal: what exactly is {a, b, c}?
  3. Is it possible to import modules from all files in a directory, using a wildcard?
  4. Call async/await functions in parallel
  5. ES6 Modules: Undefined onclick function after import
  6. How to import jquery using ES6 syntax?
  7. How can I clone a JavaScript object except for one key?
  8. Javascript ES6 TypeError: Class constructor Client cannot be invoked without ‘new’
  9. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  10. Why do I need to await an async function when it is not supposedly returning a Promise?
  11. Scope of Default function parameters in javascript
  12. Is there a downside to using ES6 template literals syntax without a templated expression?
  13. “This” within es6 class method [duplicate]
  14. What is the meaning of “…args” (three dots) in a function definition?
  15. Is using an ES6 import to load specific names faster than importing a namespace?
  16. Syntax error in IE using ES6 arrow functions
  17. Using Array objects as key for ES6 Map
  18. How can I alias a default import in JavaScript?
  19. Simplest way to merge ES6 Maps/Sets?
  20. Not recommended to use “use strict” in ES6?
  21. Clean way to keep original variable and destructure at the same time
  22. Property change subscription with Aurelia
  23. arrow function and this
  24. When would someone need to create a deferred?
  25. Difference between import X and import * as X in node.js (ES6 / Babel)?
  26. ES6 deep nested object destructuring
  27. ES2015 “import” not working in node v6.0.0 with with –harmony_modules option
  28. How to namespace es6 classes (for React components)
  29. How to add mixins to ES6 javascript classes?
  30. How to understand JS realms

Leave a Comment