console.log(array) shows different array contents than iterating the array and displaying the individual elements

by

Update: If you want to see this behavior, copy and paste the code in the console and execute. Then close developer tools and open again, apparently the pointer thing only happens when the code is executed in the background(which happens when you reopen the console).

Console.log output of objects, is a pointer, no a real value. This means that if the object changes later, console.log object will be updated. Try:

console.log("start");
var array = [1];
for(var i = 0; i < array.length; i++){
    console.log(i + " = " + array[i]);
}
console.log(array);
console.log("end");
array.push(9999);// you will see the 9999 in the console no matter it was added after the output.

To prevent pointer issues try this:
console.log(array.join()); because later in some point of your application you are adding the 139 value.

More Related Contents:

  1. JavaScript open in a new window, not tab
  2. After travelling back in Firefox history, JavaScript won’t run
  3. How can I set default homepage in FF and Chrome via javascript?
  4. WebRTC firefox constraints
  5. Breakpoint on property change
  6. How do I programmatically click on an element in JavaScript?
  7. Difference between DOM parentNode and parentElement
  8. JavaScript Time Zone is wrong for past Daylight Saving Time transition rules
  9. DOM refresh on long running function
  10. document.body.scrollTop Firefox returns 0 : ONLY JS
  11. Detect all Firefox versions in JS
  12. clientHeight/clientWidth returning different values on different browsers
  13. Go to local URL with Javascript
  14. How can I detect browser type using jQuery?
  15. Add to browser favorites/bookmarks from JavaScript but for all browsers (mine doesn’t work in Chrome)?
  16. .setAttribute(“disabled”, false); changes editable attribute to false
  17. “This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning”
  18. How to get Windows username in a legacy (not WebExtensions) Firefox add-on?
  19. Why does Firefox react differently from Webkit and IE to “click” event on “select” tag?
  20. Firefox 4 onBeforeUnload custom message
  21. Javascript memory profiler for Firefox
  22. window.getSelection() of textarea not working in firefox?
  23. Get cursor or text position in pixels for input element
  24. Web browser: Hide mouse cursor [duplicate]
  25. Silence net::ERR_CONNECTION_REFUSED
  26. element.firstChild is returning ‘
  27. How to alter this javascript with Greasemonkey?
  28. Blob createObjectURL download not working in Firefox (but works when debugging)
  29. Emulate clicking a link with Javascript that works with IE
  30. How to use “segments” mode at SourceBuffer of MediaSource to render same result at Chomium, Chorme and Firefox?

Leave a Comment