title: Developer Tools Console showing only final values
body: <p>I have the following code that I run in the console:</p>
  <pre><code>// cache the starting array - 50 elements
  let asTheyWere = selDocument.fields.field;
  // create the new object
  let nf = {};
  $j.each(selDocument.fields.field[selDocument.fields.field.length - 1], function(a, b){
      nf[a] = b;
  });
  // make a change and add the object to the array
  for(i = 0; i &lt; 5; i++) {
      nf.name = `test me ${i}`;
      // console.log(nf.name) shows 'test me 0', 'test me 1' ... 'test me 4'
      selDocument.fields.field.push(nf);
  }
  // assign the array to a new variable - now at 55 elements
  let asTheyAre = selDocument.fields.field;
  // check the values
  console.log(asTheyWere);
  console.log(asTheyAre);
  </code></pre>
  <p>I know that the console doesn't update until the code is finished, so all variables are logged with their final value. I had thought that using different variables would avoid that, but asTheyWere and asTheyAre are the same, showing 55 elements (the first should have 50), AND the values appended to the end of the array are all the same as well: they should be 'test me 0', 'test me 1', 'test me 2' and so on, but they're all 'test me 4'.</p>
  <p>When it's all done, then running</p>
  <pre><code>&gt; console.log(selDocument.fields.field)
  </code></pre>
  <p>shows 'test me 4' on all added items, so it's not just the logging.</p>
  <p>What's going on? How can I watch the progress and see accurate values, and get the right values appended to the array?</p>