title: Should one use for-of or forEach when iterating through an array?
body: <p>Also, is this a style question or a functional question?  Is it a matter of preference or is one better?  I'm trying to understand the purpose of for-of.</p>
  
  <p>Usually I use,</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>let iterable = [10, 20, 30];
  
  iterable.forEach((val) =&gt; {
     console.log(val);
  })</code></pre>
  </div>
  </div>
  </p>
  
  <p>But I see that this new syntax is available.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>let iterable = [10, 20, 30];
      
  for (let value of iterable) {
     console.log(value);
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Can one provide an example of a best use case for for-of that might illuminate when one should use it?</p>