title: new es6 array loop method doesn't work with me for(element of Arr)
body: <p>i tried to change the background color for boxes and when the pointer comes to box with class blue
  continue
  i use Es6 array loop for ( element of Array) but it doesn't work with me</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>var boxes = document.querySelectorAll('.box');
  var Arr = Array.from(boxes);
  
  for (let cur of Arr) {
    if (Arr.className.includes('blue')) {
      continue;
    }
    cur.style.backgroundColor = 'black';
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="box green"&gt;Green&lt;/div&gt;
  &lt;div class="box red"&gt;Red&lt;/div&gt;
  &lt;div class="box black"&gt;Black&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>